mirrors/cinny
1
0
Fork 0
mirror of https://github.com/cinnyapp/cinny.git synced 2025-11-15 19:50:28 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix scrollbar padding for safari breaks other component styling

Browse source 
Signed-off-by: Ajay Bura <ajbura@gmail.com>
This commit is contained in:
Ajay Bura 2022-01-24 14:56:36 +05:30
parent 0a0b45fb8e
commit 80110d1a48
2 changed files with 9 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/app/atoms/scroll/ScrollView.scss
View file

@ -1,9 +1,17 @@
@use '../../partials/dir';
@use '_scrollbar';
@mixin paddingForSafari($padding) {
@media not all and (min-resolution:.001dpcm) {
@include dir.side(padding, 0, $padding);
}
}
.scrollbar {
width: 100%;
height: 100%;
@include scrollbar.scroll;
@include paddingForSafari(var(--sp-extra-tight));
&__h {
@include scrollbar.scroll__h;
@ -18,5 +26,6 @@
}
&--invisible {
@include scrollbar.scroll--invisible;
@include paddingForSafari(0);
}
}