mirrors/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2025-01-08 09:17:29 +03:00
Code Issues Projects Releases Packages Wiki Activity

Ensured sidebar does not overlap header in mobile resolutions

Browse source
This commit is contained in:
Alejandro Celaya 2018-08-14 20:46:01 +02:00
parent cb9dc9d65e
commit 72f96a6d1d
1 changed files with 3 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/common/AsideMenu.scss
View file

@ -8,16 +8,15 @@ $asideMenuMobileWidth: 280px;
position: fixed !important; position: fixed !important;
padding-top: 13px; padding-top: 13px;
padding-bottom: 10px; padding-bottom: 10px;
top: 0; top: $headerHeight - 3px;
bottom: 0; bottom: 0;
left: 0; left: 0;
display: block; display: block;
z-index: 1050; z-index: 1010;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
@media (min-width: $mdMin) { @media (min-width: $mdMin) {
top: $headerHeight;
padding: 30px 15px 15px; padding: 30px 15px 15px;
border-right: 1px solid #eee; border-right: 1px solid #eee;
} }
@ -36,9 +35,7 @@ $asideMenuMobileWidth: 280px;
} }
.aside-menu__nav { .aside-menu__nav {
@media(min-width: $smMin) { height: 100%;
height: 100%;
}
} }
.aside-menu__item { .aside-menu__item {