cswimr/revite
1
0
Fork 0
mirror of https://github.com/revoltchat/revite.git synced 2024-09-19 09:37:13 -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;
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,
.content {
background: var(--primary-background);
@ -56,7 +48,7 @@
overflow-y: auto;
.container {
padding: 20px 10px 80px;
padding: 12px 10px 80px;
min-width: 218px;
}
@ -97,6 +89,11 @@
&.closing {
animation: close 0.18s ease-in;
}
.scrollbox::-webkit-scrollbar-thumb {
background-clip: content-box;
border-top: 80px solid transparent;
}
}
.settings {
@ -119,14 +116,6 @@
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 {
flex: 1 0 218px;
display: flex;

2
src/styles/_elements.scss
View file

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