IGNITE-9511 Web Console: Fixed issues with modals that contains Ace e…

…ditor.
gridgain · Nov 15, 2018 · 5a240e7 · 5a240e7
1 parent efd2c9c
commit 5a240e7
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 3 deletions.
diff --git a/modules/web-console/frontend/app/primitives/modal/index.scss b/modules/web-console/frontend/app/primitives/modal/index.scss
@@ -54,7 +54,6 @@
 
 .modal .modal-dialog {
     width: 650px;
-    transform: translateZ(1px);
 }
 
 .modal .modal-dialog--adjust-height {
@@ -247,4 +246,27 @@
 
 .modal--wide .modal-dialog {
     width: 900px;
-}
+}
+
+.modal-with-ace {
+    .modal-body {
+        padding-left: 5px !important;
+    }
+
+    .modal-dialog {
+        transform: none !important;
+
+        .ace_warning:before, .ace_error:before {
+            position: absolute !important;
+            left: -7px !important;
+        }
+    }
+
+    .ace_gutter, .ace_layer {
+        overflow: visible !important;
+    }
+
+    .ace_gutter {
+        padding-left: 5px !important;
+    }
+}
diff --git a/modules/web-console/frontend/package.json b/modules/web-console/frontend/package.json
@@ -52,7 +52,7 @@
     "angular-ui-grid": "4.6.1",
     "angular-ui-validate": "1.2.3",
     "angular1-async-filter": "1.1.0",
-    "brace": "0.10.0",
+    "brace": "0.11.1",
     "browser-update": "3.1.13",
     "bson-objectid": "1.1.5",
     "chart.js": "2.7.2",