asandikci.com/web
1
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages Wiki Activity Actions

refactor(mobile): resume footer slide animation & content min-height

Browse source
This commit is contained in:
Cotes Chung 2022-10-13 21:08:32 +08:00
parent fd5df7e1a1
commit 3432413020
No known key found for this signature in database
GPG key ID: 0D9E54843167A808
1 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
_sass/addon/commons.scss
View file

@ -1195,6 +1195,10 @@ $sidebar-display: "sidebar-display";
} }
} }
#main-wrapper {
min-height: calc(100vh - #{$footer-height-mobile});
}
#core-wrapper { #core-wrapper {
min-height: calc(100vh - #{$topbar-height} - #{$footer-height-mobile}) !important; min-height: calc(100vh - #{$topbar-height} - #{$footer-height-mobile}) !important;
@ -1259,13 +1263,18 @@ $sidebar-display: "sidebar-display";
overflow-x: hidden; overflow-x: hidden;
} }
footer {
@include slide;
}
[#{$sidebar-display}] { [#{$sidebar-display}] {
#sidebar { #sidebar {
transform: translateX(0); transform: translateX(0);
} }
#topbar-wrapper, #topbar-wrapper,
#main-wrapper { #main-wrapper,
footer {
transform: translateX(#{$sidebar-width}); transform: translateX(#{$sidebar-width});
} }
} }