Mirrors/movie-web
2
0
Fork 0
mirror of https://github.com/movie-web/movie-web.git synced 2024-11-13 10:55:04 +01:00
Code Issues Packages Projects Releases Wiki Activity

style: make scrollbar style global

Browse Source
This commit is contained in:
Jip Fr 2023-05-25 22:57:00 +02:00
parent a648f45694
commit 5e0e223851
3 changed files with 16 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/setup/index.css
View File

@ -178,4 +178,20 @@ input[type=range].styled-slider.slider-progress::-ms-fill-lower {
background: var(--slider-progress-background); background: var(--slider-progress-background);
border: none; border: none;
border-right-width: 0; border-right-width: 0;
}
::-webkit-scrollbar-track {
background-color: transparent;
}
::-webkit-scrollbar-thumb {
background-color: theme("colors.denim-500");
border: 5px solid transparent;
border-left: 0;
background-clip: content-box;
}
::-webkit-scrollbar {
/* For some reason the styles don't get applied without the width */
width: 13px;
} }

2
src/video/components/popouts/PopoutProviderAction.tsx
View File

@ -9,8 +9,6 @@ import { useVideoPlayerDescriptor } from "@/video/state/hooks";
import { useControls } from "@/video/state/logic/controls"; import { useControls } from "@/video/state/logic/controls";
import { useInterface } from "@/video/state/logic/interface"; import { useInterface } from "@/video/state/logic/interface";
import "./Popouts.css";
function ShowPopout(props: { popoutId: string | null; onClose: () => void }) { function ShowPopout(props: { popoutId: string | null; onClose: () => void }) {
const popoutMap = { const popoutMap = {
settings: <SettingsPopout />, settings: <SettingsPopout />,

15
src/video/components/popouts/Popouts.css
View File

@ -1,15 +0,0 @@
.popout-wrapper ::-webkit-scrollbar-track {
background-color: transparent;
}
.popout-wrapper ::-webkit-scrollbar-thumb {
background-color: theme("colors.denim-500");
border: 5px solid transparent;
border-left: 0;
background-clip: content-box;
}
.popout-wrapper ::-webkit-scrollbar {
/* For some reason the styles don't get applied without the width */
width: 13px;
}