From 6f5e35d095febacbd35db4c726b6129656a68e49 Mon Sep 17 00:00:00 2001 From: Hermes Admin Date: Wed, 27 May 2026 12:13:37 +0800 Subject: [PATCH] fix: always-visible Firefox scrollbars matching WebKit appearance (fixes #8) - Add scrollbar-gutter: stable to reserve space and prevent auto-hide - Set explicit transparent track color (scrollbar-color: thumb track) - Apply to both .data-wrapper and mobile .table-wrapper - Firefox now shows persistent thin scrollbars like Chrome/Safari --- src/components/layout/table/Table.svelte | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/src/components/layout/table/Table.svelte b/src/components/layout/table/Table.svelte index abad324..a7ae743 100644 --- a/src/components/layout/table/Table.svelte +++ b/src/components/layout/table/Table.svelte @@ -84,8 +84,9 @@ .table-wrapper { max-width: 100%; overflow-x: scroll; - scrollbar-color: var(--layer200); + scrollbar-color: var(--layer200) transparent; scrollbar-width: thin; + scrollbar-gutter: stable; } .table-wrapper::-webkit-scrollbar-track { background-color: transparent; @@ -157,8 +158,9 @@ .data-wrapper { height: calc(100% - 39px); overflow-y: scroll; - scrollbar-color: var(--layer200); + scrollbar-color: var(--layer200) transparent; scrollbar-width: thin; + scrollbar-gutter: stable; } .data-wrapper::-webkit-scrollbar-track { background-color: transparent;