Closed Loupi closed 6 years ago
Hello,
Using semantic-ui-css 2.3.0, semantic-ui-react 0.78.3, Chrome 65.0.3325.162
Tried playing with the Modal, but it is always positioned on the top left corner, half out off screen.
I traced this to this style in semantic.css: .visible.transition{display:block!important;visibility:visible!important}
Removing the !important from the display:block attribute fixes the issue. Modal appears correctly centered on the screen.
But there must be a reason for the !important flag.
Is there a way to remove this in a custom css style in a app?
Hello,
Using semantic-ui-css 2.3.0, semantic-ui-react 0.78.3, Chrome 65.0.3325.162
Tried playing with the Modal, but it is always positioned on the top left corner, half out off screen.
I traced this to this style in semantic.css: .visible.transition{display:block!important;visibility:visible!important}
Removing the !important from the display:block attribute fixes the issue. Modal appears correctly centered on the screen.
But there must be a reason for the !important flag.
Is there a way to remove this in a custom css style in a app?