Print/small screen adjustments

streamlit · Apr 26, 2024 · f0337e5 · f0337e5
1 parent cb88417
commit f0337e5
Showing 1 changed file with 4 additions and 7 deletions.
diff --git a/frontend/app/src/components/Sidebar/styled-components.ts b/frontend/app/src/components/Sidebar/styled-components.ts
@@ -76,17 +76,14 @@ export interface StyledSidebarNavItemsProps {
 }
 
 export const StyledSidebarNavItems = styled.ul<StyledSidebarNavItemsProps>(
-  ({ isExpanded, hasSidebarElements, theme }) => {
+  ({ isExpanded, hasSidebarElements }) => {
     return {
       maxHeight: isExpanded ? "none" : "26vh",
       listStyle: "none",
       overflow:
         isExpanded && hasSidebarElements ? ["auto", "overlay"] : "hidden",
       margin: 0,
-
-      "@media print": {
-        paddingTop: theme.spacing.threeXL,
-      },
+      paddingBottom: "0.125rem",
     }
   }
 )
@@ -280,7 +277,7 @@ export const StyledCollapseSidebarButton =
       const isLightTheme = hasLightBackgroundColor(theme)
 
       return {
-        display: showSidebarCollapse ? "auto" : "none",
+        display: showSidebarCollapse ? "inline" : "none",
         transition: "left 300ms",
         transitionDelay: "left 300ms",
         color: isLightTheme ? theme.colors.gray70 : theme.colors.bodyText,
@@ -294,7 +291,7 @@ export const StyledCollapseSidebarButton =
         },
 
         [`@media (max-width: ${theme.breakpoints.sm})`]: {
-          display: "auto",
+          display: "inline",
         },
       }
     }