Merge pull request #1881 from ResearchHub/small-fixes

Prevent sidebar scrollbar rendering on Mac 16" and other
ResearchHub · Nov 12, 2024 · 2b0092c · 2b0092c
2 parents 895422e + d47b17b
commit 2b0092c
Showing 1 changed file with 11 additions and 5 deletions.
diff --git a/components/Home/sidebar/RootLeftSidebar.tsx b/components/Home/sidebar/RootLeftSidebar.tsx
@@ -747,6 +747,7 @@ const styles = StyleSheet.create({
   },
   footer: {
     paddingBottom: 20,
+    marginTop: 'auto',
   },
   arrowRight: {
     color: "#aaa",
@@ -819,17 +820,22 @@ const styles = StyleSheet.create({
     top: 0,
     background: colors.GREY_ICY_BLUE_HUE,
     zIndex: 2,
-    //borderBottom: `1px solid ${colors.GREY_BORDER}`,
+    paddingBottom: 8,
   },
 
   scrollableContent: {
-    height: 'calc(100vh - 136px)', // Desktop height
+    height: 'calc(100vh - 136px)', // Adjust for header height
     overflowY: 'auto',
     overflowX: 'hidden',
-    [`@media only screen and (max-width: ${breakpoints.large.str})`]: {
-      height: 'auto', // Remove fixed height on mobile
-      overflowY: 'visible', // Disable scrolling on mobile
+    // Hide scrollbar but keep functionality
+    '::-webkit-scrollbar': {
+      width: 0,
+      background: 'transparent',
     },
+    // For Firefox
+    scrollbarWidth: 'none',
+    // For IE/Edge
+    '-ms-overflow-style': 'none',
   },
 });