devol
/
bitwarden-estensione-browser
mirror of https://github.com/bitwarden/browser
1
0
Fork 0
Code Issues 1 Releases Wiki Activity

[CL-448] Scrollbar Styles (#11111) 

* 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
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 23 additions and 0 deletions
Show Stats 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));
}
}
}