From 9a82d58907b58152d758e34ee6e025d8c9f02d5f Mon Sep 17 00:00:00 2001 From: Mehmet Ozgul <91568457+mehmetozguldev@users.noreply.github.com> Date: Sat, 2 Aug 2025 04:59:27 +0300 Subject: [PATCH] Hide scrollbar on file-tree --- src/components/file-tree/file-tree.css | 36 +++++++++----------------- 1 file changed, 12 insertions(+), 24 deletions(-) diff --git a/src/components/file-tree/file-tree.css b/src/components/file-tree/file-tree.css index be3bf5c54..1c041037c 100644 --- a/src/components/file-tree/file-tree.css +++ b/src/components/file-tree/file-tree.css @@ -1,29 +1,17 @@ -/* Customize scrollbar for Chrome, Safari and Opera */ -.file-tree-container::-webkit-scrollbar { - width: 6px !important; - height: 6px !important; - display: block !important; -} - -.file-tree-container::-webkit-scrollbar-track { - background: transparent !important; - display: block !important; -} - -.file-tree-container::-webkit-scrollbar-thumb { - background: rgba(155, 155, 155, 0.3) !important; - border-radius: 3px !important; - display: block !important; -} - -.file-tree-container::-webkit-scrollbar-thumb:hover { - background: rgba(155, 155, 155, 0.5) !important; +/* Hide native scrollbar completely */ +.file-tree-container, +.file-tree-container * { + scrollbar-width: none !important; + -ms-overflow-style: none !important; } -/* Customize scrollbar for Firefox */ -.file-tree-container { - scrollbar-width: thin !important; - scrollbar-color: rgba(155, 155, 155, 0.3) transparent !important; +.file-tree-container::-webkit-scrollbar, +.file-tree-container *::-webkit-scrollbar { + display: none !important; + width: 0 !important; + height: 0 !important; + -webkit-appearance: none !important; + appearance: none !important; } /* Enable proper mouse wheel scrolling */