github-starred/yaak
2
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-03-11 17:46:41 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fix iframe scrollbar

Browse Source
This commit is contained in:
Gregory Schier
2025-03-23 06:57:36 -07:00
parent 5fedea38c2
commit 445c30f3a9
1 changed files with 23 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src-web/main.css
View File

@@ -66,22 +66,31 @@
* Mac doesn't like this (especially in CodeMirror) so we only do it on non-macos platforms. On Mac,
* styling the scrollbar seems to cause them to not show up at all most of the time
*/
html:not([data-platform="macos"]) * {
::-webkit-scrollbar-corner,
::-webkit-scrollbar {
@apply w-[10px] h-[10px];
html:not([data-platform="macos"]) {
* {
::-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];
}
}
}
.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;
}
}
}
@@ -90,13 +99,6 @@
direction: rtl;
}
iframe {
&::-webkit-scrollbar-corner,
&::-webkit-scrollbar {
@apply bg-surface-highlight !important;
}
}
:root {
color-scheme: light dark;
--transition-duration: 100ms ease-in-out;