Fix scrollbars

This commit is contained in:
Gregory Schier
2025-03-25 09:38:15 -07:00
parent bac3968aac
commit 006284b99c
2 changed files with 25 additions and 30 deletions

View File

@@ -55,6 +55,30 @@
@apply text-left;
}
::-webkit-scrollbar,
::-webkit-scrollbar-corner {
@apply w-[8px] h-[8px] bg-transparent;
}
::-webkit-scrollbar-track {
@apply bg-transparent;
}
::-webkit-scrollbar-thumb {
@apply bg-text-subtlest rounded-[4px] opacity-20;
}
::-webkit-scrollbar-thumb:hover {
@apply opacity-40 !important;
}
iframe {
&::-webkit-scrollbar-corner,
&::-webkit-scrollbar {
@apply bg-surface-highlight !important;
}
}
.hide-scrollbars {
&::-webkit-scrollbar-corner,
&::-webkit-scrollbar {
@@ -62,35 +86,6 @@
}
}
html {
* {
::-webkit-scrollbar-corner,
::-webkit-scrollbar {
@apply w-[10px] h-[10px];
}
.scrollbar-track,
::-webkit-scrollbar-corner,
::-webkit-scrollbar {
@apply bg-transparent;
}
&:hover {
&.scrollbar-thumb,
&::-webkit-scrollbar-thumb {
@apply bg-text-subtlest hover:bg-text-subtle rounded-[2px];
}
}
}
iframe {
&::-webkit-scrollbar-corner,
&::-webkit-scrollbar {
@apply bg-surface-highlight !important;
}
}
}
.rtl {
direction: rtl;
}