fix visual bug with cluster description on main side nav (#10767)

rancher · Apr 8, 2024 · 7cc94dc · 7cc94dc
1 parent d25dafe
commit 7cc94dc
Showing 1 changed file with 14 additions and 10 deletions.
diff --git a/shell/components/nav/TopLevelMenu.vue b/shell/components/nav/TopLevelMenu.vue
@@ -1004,17 +1004,21 @@ export default {
           }
         }
 
-        .cluster-name p {
-          width: 195px;
-          white-space: nowrap;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          text-align: left;
+        .cluster-name {
+          line-height: normal;
+
+          & > p {
+            width: 195px;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            text-align: left;
 
-          &.description {
-            font-size: 12px;
-            padding-right: 8px;
-            color: var(--darker);
+            &.description {
+              font-size: 12px;
+              padding-right: 8px;
+              color: var(--darker);
+            }
           }
         }