cswimr/revite
1
0
Fork 0
mirror of https://github.com/revoltchat/revite.git synced 2024-09-19 17:47:18 -04:00
Code Issues Projects Releases Packages Wiki Activity

fix(settings): fix mobile scrollbar padding

Browse source
This commit is contained in:
Paul Makles 2022-01-04 23:11:58 +00:00
parent cad1c2fc3a
commit 2edf122b34
2 changed files with 7 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
src/pages/settings/Settings.module.scss
View file

@ -38,14 +38,6 @@
flex-direction: column; flex-direction: column;
background: var(--primary-header); background: var(--primary-header);
::-webkit-scrollbar-thumb {
min-height: 100px;
width: 4px;
background-clip: content-box;
border-top: var(--header-height) solid transparent;
border-bottom: var(--bottom-navigation-height) solid transparent;
}
.sidebar, .sidebar,
.content { .content {
background: var(--primary-background); background: var(--primary-background);
@ -56,7 +48,7 @@
overflow-y: auto; overflow-y: auto;
.container { .container {
padding: 20px 10px 80px; padding: 12px 10px 80px;
min-width: 218px; min-width: 218px;
} }
@ -97,6 +89,11 @@
&.closing { &.closing {
animation: close 0.18s ease-in; animation: close 0.18s ease-in;
} }
.scrollbox::-webkit-scrollbar-thumb {
background-clip: content-box;
border-top: 80px solid transparent;
}
} }
.settings { .settings {
@ -119,14 +116,6 @@
visibility: visible; visibility: visible;
} }
// All children receive custom scrollbar.
> * > ::-webkit-scrollbar-thumb {
min-height: 100px;
width: 4px;
background-clip: content-box;
border-top: 80px solid transparent;
}
.sidebar { .sidebar {
flex: 1 0 218px; flex: 1 0 218px;
display: flex; display: flex;

2
src/styles/_elements.scss
View file

@ -13,8 +13,8 @@
} }
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
min-height: 30px;
min-width: 30px; min-width: 30px;
min-height: 30px;
background-clip: content-box; background-clip: content-box;
background: var(--scrollbar-thumb); background: var(--scrollbar-thumb);