bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2026-02-13 15:03:26 +00:00
Code Issues Releases Wiki Activity

[CL-448] Scrollbar Styles (#11111)

Browse Source 
* add scrollbar styles to tailwind configuration

* scope scrollbar styles to the extension, not globally

* update background of scrollbar to be alt
This commit is contained in:
Nick Krantz
2024-09-18 15:14:28 -05:00
committed by GitHub
parent 04180482c5
commit aaf52bb956
1 changed files with 23 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
apps/browser/src/popup/scss/tailwind.css
View File

@@ -3,3 +3,26 @@
@tailwind utilities;
@import "../../../../../libs/components/src/tw-theme.css";
@layer base {
/* Chrome & Safari support */
::-webkit-scrollbar {
@apply tw-overflow-auto;
}
::-webkit-scrollbar-thumb {
@apply tw-bg-secondary-500 tw-rounded-lg tw-border-4 tw-border-solid tw-border-transparent tw-bg-clip-content;
}
::-webkit-scrollbar-track {
@apply tw-bg-background-alt;
}
::-webkit-scrollbar-thumb:hover {
@apply tw-bg-secondary-600;
}
/* FireFox support */
* {
@supports (-moz-appearance: none) {
scrollbar-color: rgb(var(--color-secondary-500)) rgb(var(--color-background-alt));
}
}
}