Merge pull request #2056 from headlamp-k8s/small-regressions-fix

frontend: Fix small UI regressions
headlamp-k8s · Jun 21, 2024 · 31234c3 · 31234c3
2 parents 65e7f7c + 04ca8f1
commit 31234c3
Show file tree

Hide file tree

Showing 60 changed files with 109 additions and 108 deletions.
diff --git a/frontend/src/components/App/Settings/__snapshots__/Settings.General.stories.storyshot b/frontend/src/components/App/Settings/__snapshots__/Settings.General.stories.storyshot
@@ -67,7 +67,7 @@
       class="MuiBox-root css-1txv3mw"
     >
       <dl
-        class="MuiGrid-root MuiGrid-container css-bddxam-MuiGrid-root"
+        class="MuiGrid-root MuiGrid-container css-uximdg-MuiGrid-root"
       >
         <dt
           class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-4 css-trrd7p-MuiGrid-root"

diff --git a/frontend/src/components/Sidebar/SidebarItem.tsx b/frontend/src/components/Sidebar/SidebarItem.tsx
@@ -141,7 +141,6 @@ export default function SidebarItem(props: SidebarItemProps) {
             },
 
             ...(!hasParent && {
-              textTransform: 'uppercase',
               color: theme.palette.sidebarLink.main.color,
               marginLeft: '5px',
               marginRight: '5px',

diff --git a/frontend/src/components/Sidebar/__snapshots__/Sidebar.HomeSidebarClosed.stories.storyshot b/frontend/src/components/Sidebar/__snapshots__/Sidebar.HomeSidebarClosed.stories.storyshot
@@ -22,7 +22,7 @@
               class="MuiList-root MuiList-padding css-h4y409-MuiList-root"
             >
               <li
-                class="css-1nk1uam"
+                class="css-1lee0ix"
               >
                 <a
                   class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-padding MuiListItem-button css-sayhe9-MuiButtonBase-root-MuiListItem-root"
@@ -41,7 +41,7 @@
                 </a>
               </li>
               <li
-                class="css-1nk1uam"
+                class="css-1lee0ix"
               >
                 <a
                   class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-padding MuiListItem-button css-sayhe9-MuiButtonBase-root-MuiListItem-root"
@@ -60,7 +60,7 @@
                 </a>
               </li>
               <li
-                class="css-19v9yx3"
+                class="css-w7fu23"
               >
                 <a
                   class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-padding MuiListItem-button Mui-selected css-sayhe9-MuiButtonBase-root-MuiListItem-root"

diff --git a/frontend/src/components/Sidebar/__snapshots__/Sidebar.HomeSidebarOpen.stories.storyshot b/frontend/src/components/Sidebar/__snapshots__/Sidebar.HomeSidebarOpen.stories.storyshot
@@ -22,7 +22,7 @@
               class="MuiList-root MuiList-padding css-h4y409-MuiList-root"
             >
               <li
-                class="css-1wel91t"
+                class="css-1icvoo8"
               >
                 <a
                   class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-padding MuiListItem-button css-sayhe9-MuiButtonBase-root-MuiListItem-root"
@@ -48,7 +48,7 @@
                 </a>
               </li>
               <li
-                class="css-1wel91t"
+                class="css-1icvoo8"
               >
                 <a
                   class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-padding MuiListItem-button css-sayhe9-MuiButtonBase-root-MuiListItem-root"
@@ -74,7 +74,7 @@
                 </a>
               </li>
               <li
-                class="css-164h5tf"
+                class="css-1jcp995"
               >
                 <a
                   class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-padding MuiListItem-button Mui-selected css-sayhe9-MuiButtonBase-root-MuiListItem-root"

diff --git a/...end/src/components/Sidebar/__snapshots__/Sidebar.InClusterSidebarClosed.stories.storyshot b/...end/src/components/Sidebar/__snapshots__/Sidebar.InClusterSidebarClosed.stories.storyshot
@@ -22,7 +22,7 @@
               class="MuiList-root MuiList-padding css-h4y409-MuiList-root"
             >
               <li
-                class="css-1nk1uam"
+                class="css-1lee0ix"
               >
                 <a
                   class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-padding MuiListItem-divider MuiListItem-button css-1ym0qsb-MuiButtonBase-root-MuiListItem-root"
@@ -41,7 +41,7 @@
                 </a>
               </li>
               <li
-                class="css-19v9yx3"
+                class="css-w7fu23"
               >
                 <a
                   class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-padding MuiListItem-button Mui-selected css-sayhe9-MuiButtonBase-root-MuiListItem-root"
@@ -150,7 +150,7 @@
                 </div>
               </li>
               <li
-                class="css-1nk1uam"
+                class="css-1lee0ix"
               >
                 <a
                   class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-padding MuiListItem-button css-sayhe9-MuiButtonBase-root-MuiListItem-root"
@@ -351,7 +351,7 @@
                 </div>
               </li>
               <li
-                class="css-1nk1uam"
+                class="css-1lee0ix"
               >
                 <a
                   class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-padding MuiListItem-button css-sayhe9-MuiButtonBase-root-MuiListItem-root"
@@ -460,7 +460,7 @@
                 </div>
               </li>
               <li
-                class="css-1nk1uam"
+                class="css-1lee0ix"
               >
                 <a
                   class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-padding MuiListItem-button css-sayhe9-MuiButtonBase-root-MuiListItem-root"
@@ -615,7 +615,7 @@
                 </div>
               </li>
               <li
-                class="css-1nk1uam"
+                class="css-1lee0ix"
               >
                 <a
                   class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-padding MuiListItem-button css-sayhe9-MuiButtonBase-root-MuiListItem-root"
@@ -724,7 +724,7 @@
                 </div>
               </li>
               <li
-                class="css-1nk1uam"
+                class="css-1lee0ix"
               >
                 <a
                   class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-padding MuiListItem-button css-sayhe9-MuiButtonBase-root-MuiListItem-root"

diff --git a/frontend/src/components/Sidebar/__snapshots__/Sidebar.InClusterSidebarOpen.stories.storyshot b/frontend/src/components/Sidebar/__snapshots__/Sidebar.InClusterSidebarOpen.stories.storyshot
@@ -22,7 +22,7 @@
               class="MuiList-root MuiList-padding css-h4y409-MuiList-root"
             >
               <li
-                class="css-1wel91t"
+                class="css-1icvoo8"
               >
                 <a
                   class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-padding MuiListItem-divider MuiListItem-button css-1ym0qsb-MuiButtonBase-root-MuiListItem-root"
@@ -48,7 +48,7 @@
                 </a>
               </li>
               <li
-                class="css-164h5tf"
+                class="css-1jcp995"
               >
                 <a
                   class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-padding MuiListItem-button Mui-selected css-sayhe9-MuiButtonBase-root-MuiListItem-root"
@@ -164,7 +164,7 @@
                 </div>
               </li>
               <li
-                class="css-1wel91t"
+                class="css-1icvoo8"
               >
                 <a
                   class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-padding MuiListItem-button css-sayhe9-MuiButtonBase-root-MuiListItem-root"
@@ -372,7 +372,7 @@
                 </div>
               </li>
               <li
-                class="css-1wel91t"
+                class="css-1icvoo8"
               >
                 <a
                   class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-padding MuiListItem-button css-sayhe9-MuiButtonBase-root-MuiListItem-root"
@@ -488,7 +488,7 @@
                 </div>
               </li>
               <li
-                class="css-1wel91t"
+                class="css-1icvoo8"
               >
                 <a
                   class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-padding MuiListItem-button css-sayhe9-MuiButtonBase-root-MuiListItem-root"
@@ -650,7 +650,7 @@
                 </div>
               </li>
               <li
-                class="css-1wel91t"
+                class="css-1icvoo8"
               >
                 <a
                   class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-padding MuiListItem-button css-sayhe9-MuiButtonBase-root-MuiListItem-root"
@@ -766,7 +766,7 @@
                 </div>
               </li>
               <li
-                class="css-1wel91t"
+                class="css-1icvoo8"
               >
                 <a
                   class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-padding MuiListItem-button css-sayhe9-MuiButtonBase-root-MuiListItem-root"

diff --git a/...components/Sidebar/__snapshots__/Sidebar.SelectedItemWithSidebarOmitted.stories.storyshot b/...components/Sidebar/__snapshots__/Sidebar.SelectedItemWithSidebarOmitted.stories.storyshot
@@ -22,7 +22,7 @@
               class="MuiList-root MuiList-padding css-h4y409-MuiList-root"
             >
               <li
-                class="css-1wel91t"
+                class="css-1icvoo8"
               >
                 <a
                   class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-padding MuiListItem-divider MuiListItem-button css-1ym0qsb-MuiButtonBase-root-MuiListItem-root"
@@ -48,7 +48,7 @@
                 </a>
               </li>
               <li
-                class="css-1wel91t"
+                class="css-1icvoo8"
               >
                 <a
                   class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-padding MuiListItem-button css-sayhe9-MuiButtonBase-root-MuiListItem-root"
@@ -164,7 +164,7 @@
                 </div>
               </li>
               <li
-                class="css-164h5tf"
+                class="css-1jcp995"
               >
                 <a
                   class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-padding MuiListItem-button Mui-selected css-sayhe9-MuiButtonBase-root-MuiListItem-root"
@@ -372,7 +372,7 @@
                 </div>
               </li>
               <li
-                class="css-1wel91t"
+                class="css-1icvoo8"
               >
                 <a
                   class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-padding MuiListItem-button css-sayhe9-MuiButtonBase-root-MuiListItem-root"
@@ -488,7 +488,7 @@
                 </div>
               </li>
               <li
-                class="css-1wel91t"
+                class="css-1icvoo8"
               >
                 <a
                   class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-padding MuiListItem-button css-sayhe9-MuiButtonBase-root-MuiListItem-root"
@@ -650,7 +650,7 @@
                 </div>
               </li>
               <li
-                class="css-1wel91t"
+                class="css-1icvoo8"
               >
                 <a
                   class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-padding MuiListItem-button css-sayhe9-MuiButtonBase-root-MuiListItem-root"
@@ -766,7 +766,7 @@
                 </div>
               </li>
               <li
-                class="css-1wel91t"
+                class="css-1icvoo8"
               >
                 <a
                   class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-padding MuiListItem-button css-sayhe9-MuiButtonBase-root-MuiListItem-root"

diff --git a/frontend/src/components/Sidebar/__snapshots__/Sidebaritem.Selected.stories.storyshot b/frontend/src/components/Sidebar/__snapshots__/Sidebaritem.Selected.stories.storyshot
@@ -7,7 +7,7 @@
       class="MuiList-root MuiList-padding css-h4y409-MuiList-root"
     >
       <li
-        class="css-164h5tf"
+        class="css-1jcp995"
       >
         <a
           class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-padding MuiListItem-button Mui-selected css-sayhe9-MuiButtonBase-root-MuiListItem-root"

diff --git a/frontend/src/components/Sidebar/__snapshots__/Sidebaritem.Sublist.stories.storyshot b/frontend/src/components/Sidebar/__snapshots__/Sidebaritem.Sublist.stories.storyshot
@@ -7,7 +7,7 @@
       class="MuiList-root MuiList-padding css-h4y409-MuiList-root"
     >
       <li
-        class="css-1wel91t"
+        class="css-1icvoo8"
       >
         <a
           class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-padding MuiListItem-button css-sayhe9-MuiButtonBase-root-MuiListItem-root"

diff --git a/frontend/src/components/Sidebar/__snapshots__/Sidebaritem.SublistExpanded.stories.storyshot b/frontend/src/components/Sidebar/__snapshots__/Sidebaritem.SublistExpanded.stories.storyshot
@@ -7,7 +7,7 @@
       class="MuiList-root MuiList-padding css-h4y409-MuiList-root"
     >
       <li
-        class="css-164h5tf"
+        class="css-1jcp995"
       >
         <a
           class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-padding MuiListItem-button Mui-selected css-sayhe9-MuiButtonBase-root-MuiListItem-root"

diff --git a/frontend/src/components/Sidebar/__snapshots__/Sidebaritem.Unselected.stories.storyshot b/frontend/src/components/Sidebar/__snapshots__/Sidebaritem.Unselected.stories.storyshot
@@ -7,7 +7,7 @@
       class="MuiList-root MuiList-padding css-h4y409-MuiList-root"
     >
       <li
-        class="css-1wel91t"
+        class="css-1icvoo8"
       >
         <a
           class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-padding MuiListItem-button css-sayhe9-MuiButtonBase-root-MuiListItem-root"

diff --git a/frontend/src/components/common/LogViewer.tsx b/frontend/src/components/common/LogViewer.tsx
@@ -132,7 +132,7 @@ export function LogViewer(props: LogViewerProps) {
   return (
     <Dialog title={title} withFullScreen onClose={onClose} {...other}>
       <DialogContent
-        sx={{
+        sx={theme => ({
           height: '80%',
           minHeight: '80%',
           display: 'flex',
@@ -148,10 +148,10 @@ export function LogViewer(props: LogViewerProps) {
             width: '100%',
             height: '100%',
             '& .terminal.xterm': {
-              padding: 10,
+              padding: theme.spacing(1),
             },
           },
-        }}
+        })}
       >
         <Grid container justifyContent="space-between" alignItems="center" wrap="nowrap">
           <Grid item container spacing={1}>

diff --git a/frontend/src/components/common/NameValueTable/NameValueTable.tsx b/frontend/src/components/common/NameValueTable/NameValueTable.tsx
@@ -66,8 +66,10 @@ export default function NameValueTable(props: NameValueTableProps) {
       container
       component="dl" // mount a Definition List
       sx={theme => ({
-        border: '1px solid #e7e7e7',
+        border: '1px solid',
+        borderColor: theme.palette.tables.head.borderColor,
         borderRadius: theme.shape.borderRadius + 'px',
+        overflow: 'hidden',
       })}
     >
       {visibleRows.flatMap(

diff --git a/...src/components/common/NameValueTable/__snapshots__/NameValueTable.Empty.stories.storyshot b/...src/components/common/NameValueTable/__snapshots__/NameValueTable.Empty.stories.storyshot
@@ -1,5 +1,5 @@
 <DocumentFragment>
   <dl
-    class="MuiGrid-root MuiGrid-container css-bddxam-MuiGrid-root"
+    class="MuiGrid-root MuiGrid-container css-uximdg-MuiGrid-root"
   />
 </DocumentFragment>
diff --git a/...ponents/common/NameValueTable/__snapshots__/NameValueTable.WithChildren.stories.storyshot b/...ponents/common/NameValueTable/__snapshots__/NameValueTable.WithChildren.stories.storyshot
@@ -1,6 +1,6 @@
 <DocumentFragment>
   <dl
-    class="MuiGrid-root MuiGrid-container css-bddxam-MuiGrid-root"
+    class="MuiGrid-root MuiGrid-container css-uximdg-MuiGrid-root"
   >
     <dt
       class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-4 css-trrd7p-MuiGrid-root"

diff --git a/...mmon/NameValueTable/__snapshots__/NameValueTable.WithHiddenLastChildren.stories.storyshot b/...mmon/NameValueTable/__snapshots__/NameValueTable.WithHiddenLastChildren.stories.storyshot
@@ -1,6 +1,6 @@
 <DocumentFragment>
   <dl
-    class="MuiGrid-root MuiGrid-container css-bddxam-MuiGrid-root"
+    class="MuiGrid-root MuiGrid-container css-uximdg-MuiGrid-root"
   >
     <dt
       class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-4 css-trrd7p-MuiGrid-root"

diff --git a/...ts/common/Resource/MainInfoSection/__snapshots__/MainInfoSection.Normal.stories.storyshot b/...ts/common/Resource/MainInfoSection/__snapshots__/MainInfoSection.Normal.stories.storyshot
@@ -69,7 +69,7 @@
         class="MuiBox-root css-0"
       >
         <dl
-          class="MuiGrid-root MuiGrid-container css-bddxam-MuiGrid-root"
+          class="MuiGrid-root MuiGrid-container css-uximdg-MuiGrid-root"
         >
           <dt
             class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-4 css-trrd7p-MuiGrid-root"

diff --git a/...mon/Resource/MainInfoSection/__snapshots__/MainInfoSection.NullBacklink.stories.storyshot b/...mon/Resource/MainInfoSection/__snapshots__/MainInfoSection.NullBacklink.stories.storyshot
@@ -51,7 +51,7 @@
         class="MuiBox-root css-0"
       >
         <dl
-          class="MuiGrid-root MuiGrid-container css-bddxam-MuiGrid-root"
+          class="MuiGrid-root MuiGrid-container css-uximdg-MuiGrid-root"
         >
           <dt
             class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-4 css-trrd7p-MuiGrid-root"

diff --git a/...omponents/common/Resource/__snapshots__/MetadataDisplay.MetadataDisplay.stories.storyshot b/...omponents/common/Resource/__snapshots__/MetadataDisplay.MetadataDisplay.stories.storyshot
@@ -3,7 +3,7 @@
     class="MuiBox-root css-0"
   >
     <dl
-      class="MuiGrid-root MuiGrid-container css-bddxam-MuiGrid-root"
+      class="MuiGrid-root MuiGrid-container css-uximdg-MuiGrid-root"
     >
       <dt
         class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-4 css-trrd7p-MuiGrid-root"

diff --git a/.../components/common/Resource/__snapshots__/MetadataDisplay.WithExtraRows.stories.storyshot b/.../components/common/Resource/__snapshots__/MetadataDisplay.WithExtraRows.stories.storyshot
@@ -3,7 +3,7 @@
     class="MuiBox-root css-0"
   >
     <dl
-      class="MuiGrid-root MuiGrid-container css-bddxam-MuiGrid-root"
+      class="MuiGrid-root MuiGrid-container css-uximdg-MuiGrid-root"
     >
       <dt
         class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-4 css-trrd7p-MuiGrid-root"

diff --git a/...nents/common/Resource/__snapshots__/MetadataDisplay.WithOwnerReferences.stories.storyshot b/...nents/common/Resource/__snapshots__/MetadataDisplay.WithOwnerReferences.stories.storyshot
@@ -3,7 +3,7 @@
     class="MuiBox-root css-0"
   >
     <dl
-      class="MuiGrid-root MuiGrid-container css-bddxam-MuiGrid-root"
+      class="MuiGrid-root MuiGrid-container css-uximdg-MuiGrid-root"
     >
       <dt
         class="MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-4 css-trrd7p-MuiGrid-root"