arriej/homepage-Mirror
1
0
Fork 0
mirror of https://github.com/gethomepage/homepage.git synced 2025-12-06 21:57:48 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix hidden scrollbars

Browse Source 
this was an adventure
This commit is contained in:
Ben Phelps
2022-09-30 23:34:48 +03:00
parent f52c6f3b41
commit de4ce73a9a
2 changed files with 40 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
src/styles/globals.css
View File

@@ -20,39 +20,35 @@ body {
height: 100vh;
margin: 0;
padding: 0;
}
.light {
--bg-color: var(--color-50);
--scrollbar-thumb: rgb(var(--color-300));
--scrollbar-track: rgb(var(--color-200));
}
.dark {
--bg-color: var(--color-800);
--scrollbar-thumb: rgb(var(--color-600));
--scrollbar-track: rgb(var(--color-700));
}
#page_container {
overflow: auto;
overflow: overlay;
scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}
.light #page_container {
scrollbar-color: rgb(var(--color-300)) rgb(var(--color-200));
}
.dark #page_container {
scrollbar-color: rgb(var(--color-600)) rgb(var(--color-700));
}
.light ::-webkit-scrollbar {
::-webkit-scrollbar {
width: 0.75em;
}
.light ::-webkit-scrollbar-track {
background-color: rgb(var(--color-200));
::-webkit-scrollbar-track {
background-color: var(--scrollbar-track);
}
.light ::-webkit-scrollbar-thumb {
background-color: rgb(var(--color-300));
border-radius: 0.25em;
}
.dark ::-webkit-scrollbar {
width: 0.75em;
}
.dark ::-webkit-scrollbar-track {
background-color: rgb(var(--color-700));
}
.dark ::-webkit-scrollbar-thumb {
background-color: rgb(var(--color-600));
::-webkit-scrollbar-thumb {
background-color: var(--scrollbar-thumb);
border-radius: 0.25em;
}