GUACAMOLE-724: Migrate to flex layout for modals for IE10+ compatibility.

This commit is contained in:
Michael Jumper
2021-06-30 21:05:57 -07:00
parent 4a20411eae
commit 760a96a47d

View File

@@ -18,7 +18,14 @@
*/ */
guac-modal { guac-modal {
display: table; display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%; height: 100%;
width: 100%; width: 100%;
position: fixed; position: fixed;
@@ -28,10 +35,12 @@ guac-modal {
} }
guac-modal .modal-contents { guac-modal .modal-contents {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%; width: 100%;
text-align: center; text-align: center;
display: table-cell;
vertical-align: middle;
} }
guac-modal { guac-modal {