forked/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2026-04-25 16:06:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

Set fixed width to aside menu

Browse Source
This commit is contained in:
Alejandro Celaya
2020-12-15 17:57:24 +01:00
parent f1f3c3f98b
commit 0491694839
8 changed files with 34 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/common/AsideMenu.scss
View File

@@ -1,9 +1,8 @@
@import '../utils/base';
@import '../utils/mixins/vertical-align';
$asideMenuMobileWidth: 280px;
.aside-menu {
width: $asideMenuWidth;
background-color: white;
box-shadow: rgba(0, 0, 0, .05) 0 8px 15px;
position: fixed !important;
@@ -23,7 +22,6 @@ $asideMenuMobileWidth: 280px;
}
@media (max-width: $smMax) {
width: $asideMenuMobileWidth !important;
transition: left 300ms;
top: $headerHeight - 3px;
box-shadow: -10px 0 50px 11px rgba(0, 0, 0, .55);
@@ -32,7 +30,7 @@ $asideMenuMobileWidth: 280px;
.aside-menu--hidden {
@media (max-width: $smMax) {
left: -($asideMenuMobileWidth + 35px);
left: -($asideMenuWidth + 35px);
}
}
@@ -45,6 +43,10 @@ $asideMenuMobileWidth: 280px;
margin: 0 -15px;
text-decoration: none !important;
cursor: pointer;
@media (max-width: $smMax) {
margin: 0;
}
}
.aside-menu__item:hover {