From f9733878e26d806e4397f5a90ec64919f093c976 Mon Sep 17 00:00:00 2001 From: Alejandro Date: Thu, 29 Jan 2026 13:02:17 +0100 Subject: [PATCH] Hide scrollbars completely by setting width and height to 0 (#225) * fix: hide tabbar scrollbar by setting width/height to 0 The no-scrollbar utility's display:none wasn't fully overriding the global scrollbar styles that set width/height to 8px. Adding explicit width:0 and height:0 ensures the scrollbar is completely hidden in WebKit browsers. https://claude.ai/code/session_018RiPf74GNf2oWcoYNRoZyx * fix: use !important to override global scrollbar styles The global * selector's scrollbar-width: thin was overriding the no-scrollbar utility due to CSS cascade order. Adding !important ensures the utility always wins. https://claude.ai/code/session_018RiPf74GNf2oWcoYNRoZyx --------- Co-authored-by: Claude --- src/index.css | 16 ++++++++++------ 1 file changed, 10 insertions(+), 6 deletions(-) diff --git a/src/index.css b/src/index.css index f01bd41..0bbb5a2 100644 --- a/src/index.css +++ b/src/index.css @@ -303,20 +303,24 @@ ========================================================================== */ @utility no-scrollbar { - -ms-overflow-style: none; - scrollbar-width: none; + -ms-overflow-style: none !important; + scrollbar-width: none !important; &::-webkit-scrollbar { - display: none; + display: none !important; + width: 0 !important; + height: 0 !important; } } @utility hide-scrollbar { - -ms-overflow-style: none; - scrollbar-width: none; + -ms-overflow-style: none !important; + scrollbar-width: none !important; &::-webkit-scrollbar { - display: none; + display: none !important; + width: 0 !important; + height: 0 !important; } }