starred/yaak-mountain-loop
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-04-24 01:28:35 +02:00
Code Issues 8 Packages Projects Releases 10 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, * 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 * styling the scrollbar seems to cause them to not show up at all most of the time
*/ */
html:not([data-platform="macos"]) * { html:not([data-platform="macos"]) {
::-webkit-scrollbar-corner, * {
::-webkit-scrollbar { ::-webkit-scrollbar-corner,
@apply w-[10px] h-[10px]; ::-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, iframe {
::-webkit-scrollbar-corner, &::-webkit-scrollbar-corner,
::-webkit-scrollbar { &::-webkit-scrollbar {
@apply bg-transparent; @apply bg-surface-highlight !important;
}
&:hover {
&.scrollbar-thumb,
&::-webkit-scrollbar-thumb {
@apply bg-text-subtlest hover:bg-text-subtle rounded-[2px];
} }
} }
} }
@@ -90,13 +99,6 @@
direction: rtl; direction: rtl;
} }
iframe {
&::-webkit-scrollbar-corner,
&::-webkit-scrollbar {
@apply bg-surface-highlight !important;
}
}
:root { :root {
color-scheme: light dark; color-scheme: light dark;
--transition-duration: 100ms ease-in-out; --transition-duration: 100ms ease-in-out;