diff --git a/patches/firefox-scrollbars.css b/patches/firefox-scrollbars.css new file mode 100644 index 0000000..f6f104c --- /dev/null +++ b/patches/firefox-scrollbars.css @@ -0,0 +1,36 @@ +/* Firefox scrollbar fix - ensures scrollbars are always visible */ +/* Add to global CSS or import in the relevant component */ + +/* Target Firefox only */ +@supports (-moz-appearance: none) { + .panel-table-container { + scrollbar-width: thin; + scrollbar-color: rgba(155, 155, 155, 0.5) transparent; + } + + .panel-table-container:hover { + scrollbar-color: rgba(155, 155, 155, 0.8) transparent; + } + + /* Force scrollbar to always appear */ + .panel-table-container { + overflow-y: scroll !important; + } + + .panel-table-container::-webkit-scrollbar { + width: 8px; + } + + .panel-table-container::-webkit-scrollbar-track { + background: transparent; + } + + .panel-table-container::-webkit-scrollbar-thumb { + background-color: rgba(155, 155, 155, 0.5); + border-radius: 4px; + } + + .panel-table-container::-webkit-scrollbar-thumb:hover { + background-color: rgba(155, 155, 155, 0.8); + } +}