From c693139f55d9ee4fae69939ac30e62fc0600944c Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Fri, 29 Aug 2025 17:29:08 +0000
Subject: [PATCH] Adjust scrollbar hiding to only affect mobile devices

Modify client/src/index.css to conditionally hide scrollbars on screens up to 768px wide, reverting the global hiding behavior.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/yexZbDm
---
 client/src/index.css | 40 +++++++++++++++++++++-------------------
 1 file changed, 21 insertions(+), 19 deletions(-)

diff --git a/client/src/index.css b/client/src/index.css
index 242a934..fdab698 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -2,28 +2,30 @@
 @tailwind components;
 @tailwind utilities;
 
-/* Hide ALL scrollbars globally - especially for mobile */
-* {
-  scrollbar-width: none !important;
-  -ms-overflow-style: none !important;
-}
+/* Hide scrollbars only on mobile devices */
+@media (max-width: 768px) {
+  * {
+    scrollbar-width: none !important;
+    -ms-overflow-style: none !important;
+  }
 
-*::-webkit-scrollbar {
-  display: none !important;
-  width: 0 !important;
-  height: 0 !important;
-}
+  *::-webkit-scrollbar {
+    display: none !important;
+    width: 0 !important;
+    height: 0 !important;
+  }
 
-html, body {
-  scrollbar-width: none !important;
-  -ms-overflow-style: none !important;
-}
+  html, body {
+    scrollbar-width: none !important;
+    -ms-overflow-style: none !important;
+  }
 
-html::-webkit-scrollbar,
-body::-webkit-scrollbar {
-  display: none !important;
-  width: 0 !important;
-  height: 0 !important;
+  html::-webkit-scrollbar,
+  body::-webkit-scrollbar {
+    display: none !important;
+    width: 0 !important;
+    height: 0 !important;
+  }
 }
 
 :root {