abner/for-legacy-web
1
0
Fork 1
mirror of https://github.com/stoatchat/for-legacy-web.git synced 2026-03-07 01:15:28 +00:00
Code Issues Packages Projects Releases 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
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;