Merge pull request #12109 from rak-phillip/bugfix/12108-header-styles

Fix style regression in header component
rancher · Oct 8, 2024 · 6146198 · 6146198
2 parents c557b51 + e8d6f75
commit 6146198
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 22 deletions.
diff --git a/shell/components/nav/Header.vue b/shell/components/nav/Header.vue
@@ -958,6 +958,28 @@ export default {
         }
       }
 
+      :deep(.actions) {
+        align-items: center;
+        cursor: pointer;
+        display: flex;
+
+        > I {
+          font-size: 18px;
+          padding: 6px;
+          &:hover {
+            color: var(--link);
+          }
+        }
+
+        :deep(.v-popper:focus) {
+          outline: 0;
+        }
+
+        .dropdown {
+          margin: 0 -10px;
+        }
+      }
+
       .header-spacer {
         background-color: var(--header-bg);
         position: relative;

diff --git a/shell/components/nav/HeaderPageActionMenu.vue b/shell/components/nav/HeaderPageActionMenu.vue
@@ -131,28 +131,6 @@ const handleBlurEvent = (event: KeyboardEvent) => {
     }
   }
 
-  .actions {
-    align-items: center;
-    cursor: pointer;
-    display: flex;
-
-    > I {
-      font-size: 18px;
-      padding: 6px;
-      &:hover {
-        color: var(--link);
-      }
-    }
-
-    :deep(.v-popper:focus) {
-      outline: 0;
-    }
-
-    .dropdown {
-      margin: 0 -10px;
-    }
-  }
-
   .list-unstyled {
     li {
       a {