From 369e418fd3e4b289976eb4226bcdebd9dd7e4523 Mon Sep 17 00:00:00 2001
From: riyadhafraa <49757212-riyadhafraa@users.noreply.replit.com>
Date: Tue, 21 Apr 2026 17:39:31 +0000
Subject: [PATCH] Hide scrollbars across the entire website while keeping
 scrolling functional

Add global CSS rules to `index.css` to hide scrollbars using `scrollbar-width: none`, `-ms-overflow-style: none`, and `::-webkit-scrollbar` properties, ensuring scrolling remains functional via mouse wheel or touch.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 77cfe984-2c65-4152-bb7a-0df28274fe66
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: a69cb334-1c57-4350-9daf-a639b8f19357
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/c3c252e4-c83d-40ca-9fff-99a3ea60701e/77cfe984-2c65-4152-bb7a-0df28274fe66/PwtbShH
Replit-Helium-Checkpoint-Created: true
---
 artifacts/teaboy-os/src/index.css | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/artifacts/teaboy-os/src/index.css b/artifacts/teaboy-os/src/index.css
index 066ac40c..513c4dfb 100644
--- a/artifacts/teaboy-os/src/index.css
+++ b/artifacts/teaboy-os/src/index.css
@@ -299,3 +299,16 @@
   }
   .art-line { stroke-dashoffset: 0; opacity: 1; }
 }
+
+
+/* Hide scrollbars site-wide while keeping scroll functionality */
+* {
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+*::-webkit-scrollbar {
+  width: 0;
+  height: 0;
+  display: none;
+}
+