Merge pull request #12269 from rak-phillip/bugfix/12195-yaml-icon-dis…

…play Fix keymap icon positioning in codemirror
rancher · Oct 16, 2024 · 8621d3a · 8621d3a
2 parents 7f4b0f9 + a125cf8
commit 8621d3a
Showing 1 changed file with 19 additions and 16 deletions.
diff --git a/shell/components/CodeMirror.vue b/shell/components/CodeMirror.vue
@@ -292,17 +292,30 @@ export default {
     }
   }
 
-  .code-mirror .codemirror-container {
-    z-index: 0;
-    font-size: inherit !important;
+  .code-mirror {
+    position: relative;
+
+    .codemirror-container {
+      z-index: 0;
+      font-size: inherit !important;
+
+      //rm no longer extant selector
+      .CodeMirror {
+        height: initial;
+        background: none
+      }
+
+      .CodeMirror-gutters {
+        background: inherit;
+      }
+    }
 
-    // Keyboard mapping overlap
     .keymap.overlay {
       position: absolute;
       display: flex;
       top: 7px;
       right: 7px;
-      z-index: 1;
+      z-index: 5000;
       cursor: pointer;
 
       .keymap-indicator {
@@ -352,16 +365,6 @@ export default {
         }
       }
     }
-
-    //rm no longer extant selector
-    .CodeMirror {
-      height: initial;
-      background: none
-    }
-
-    .CodeMirror-gutters {
-      background: inherit;
-    }
-
   }
+
 </style>