Hi,
Yes I see now why it is !important
, but this is overriding the element style I give it and I will have to remember to remove those rules each time I upgrade.
What do you think about the idea of a ui-sized
class?
Then the developer could diffine their own sizes and not have them overridden.
var opt = new DialogOptions()
{
ShowTitle = false,
Top = "-20vh",
Height = "20vh",
Width = "100%",
Class = "ui-sized another-class"
};
@media (max-width: 768px) {
.ui-dialog:not(.ui-confirmdialog):not(.ui-sized) {
width: 100% !important;
top: 0px !important; }