MDL-60052 theme_bootstrapbase: proper handling of large modals

2017-09-26 11:21:28 +08:00
parent 1284339766
commit 5f3cb3de39
2 changed files with 7 additions and 9 deletions
@@ -28,6 +28,10 @@ body {
        border-radius: 10px;
        border: none;

+        &.modal-lg {
+            max-width: 900px;
+        }
+
        .modal-header {
            min-height: 13px;
            padding: 5px;
@@ -98,12 +102,6 @@ body {
            border-radius: 0 0 10px 10px;
        }
    }
-
-    &.large {
-        .modal {
-            max-width: 900px;
-        }
-    }
 }

 .modal-backdrop {
@@ -14305,6 +14305,9 @@ body.modal-open {
  border-radius: 10px;
  border: none;
 }
+.modal-container .modal.modal-lg {
+  max-width: 900px;
+}
 .modal-container .modal .modal-header {
  min-height: 13px;
  padding: 5px;
@@ -14364,9 +14367,6 @@ body.modal-open {
  box-shadow: none;
  border-radius: 0 0 10px 10px;
 }
-.modal-container.large .modal {
-  max-width: 900px;
-}
 .modal-backdrop {
  z-index: 4049;
  background-color: #aaa;