Merge pull request #12624 from carolhmj/NME-fix-error-dialog-styling

Fix NME dialog box styling
BabylonJS · Jun 1, 2022 · fc51979 · fc51979
2 parents 4fb4d18 + a97bf0a
commit fc51979
Showing 1 changed file with 50 additions and 50 deletions.
diff --git a/packages/tools/nodeEditor/src/main.scss b/packages/tools/nodeEditor/src/main.scss
@@ -356,64 +356,64 @@
         grid-row: 2;
         grid-column: 3;
     }
+}
+
+.dialog-container {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    background: rgba(0.1, 0.1, 0.1, 0.6);
+    display: grid;
+    font-family: "acumin-pro";
+    top: 0;
+
+    .dialog {
+        align-self: center;
+        justify-self: center;
+        min-height: 140px;
+        max-width: 400px;
+        border-radius: 10px;
+        background: white;
 
-    .dialog-container {
-        position: absolute;
-        width: 100%;
-        height: 100%;
-        background: rgba(0.1, 0.1, 0.1, 0.6);
         display: grid;
-        font-family: "acumin-pro";
-        top: 0;
+        grid-template-columns: 100%;
+        grid-template-rows: calc(100% - 50px) 50px;
 
-        .dialog {
-            align-self: center;
-            justify-self: center;
-            min-height: 140px;
-            max-width: 400px;
-            border-radius: 10px;
-            background: white;
+        .dialog-message {
+            grid-row: 1;
+            grid-column: 1;
+            margin-top: 20px;
+            padding: 10px;
+            font-size: 18px;
+            color: black;
+        }
 
+        .dialog-buttons {
+            grid-row: 2;
+            grid-column: 1;
             display: grid;
+            grid-template-rows: 100%;
             grid-template-columns: 100%;
-            grid-template-rows: calc(100% - 50px) 50px;
-
-            .dialog-message {
-                grid-row: 1;
-                grid-column: 1;
-                margin-top: 20px;
-                padding: 10px;
-                font-size: 18px;
-                color: black;
-            }
+            color: white;
 
-            .dialog-buttons {
-                grid-row: 2;
-                grid-column: 1;
+            .dialog-button-ok {
+                cursor: pointer;
+                justify-self: center;
+                background: green;
+                min-width: 80px;
+                justify-content: center;
                 display: grid;
-                grid-template-rows: 100%;
-                grid-template-columns: 100%;
-                color: white;
-
-                .dialog-button-ok {
-                    cursor: pointer;
-                    justify-self: center;
-                    background: green;
-                    min-width: 80px;
-                    justify-content: center;
-                    display: grid;
-                    align-content: center;
-                    align-self: center;
-                    height: 35px;
-                    border-radius: 10px;
-
-                    &:hover {
-                        opacity: 0.8;
-                    }
-
-                    &.error {
-                        background: red;
-                    }
+                align-content: center;
+                align-self: center;
+                height: 35px;
+                border-radius: 10px;
+
+                &:hover {
+                    opacity: 0.8;
+                }
+
+                &.error {
+                    background: red;
                 }
             }
         }