mirror of
https://github.com/shlinkio/shlink-web-client.git
synced 2024-12-23 17:40:23 +03:00
63 lines
1.1 KiB
SCSS
63 lines
1.1 KiB
SCSS
@import '../../src/utils/base';
|
|
@import '../../src/utils/mixins/vertical-align';
|
|
|
|
.aside-menu {
|
|
width: $asideMenuWidth;
|
|
background-color: var(--primary-color);
|
|
box-shadow: rgb(0 0 0 / .05) 0 8px 15px;
|
|
position: fixed !important;
|
|
padding-top: 13px;
|
|
padding-bottom: 10px;
|
|
top: $headerHeight;
|
|
bottom: 0;
|
|
left: 0;
|
|
display: block;
|
|
z-index: 1010;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
|
|
@media (min-width: $mdMin) {
|
|
padding: 30px 15px 15px;
|
|
}
|
|
|
|
@media (max-width: $smMax) {
|
|
transition: left 300ms;
|
|
top: $headerHeight - 3px;
|
|
box-shadow: -10px 0 50px 11px rgb(0 0 0 / .55);
|
|
}
|
|
}
|
|
|
|
.aside-menu--hidden {
|
|
@media (max-width: $smMax) {
|
|
left: -($asideMenuWidth + 35px);
|
|
}
|
|
}
|
|
|
|
.aside-menu__nav {
|
|
height: 100%;
|
|
}
|
|
|
|
.aside-menu__item {
|
|
padding: 10px 20px;
|
|
margin: 0 -15px;
|
|
text-decoration: none !important;
|
|
cursor: pointer;
|
|
|
|
@media (max-width: $smMax) {
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
.aside-menu__item:hover {
|
|
background-color: var(--secondary-color);
|
|
}
|
|
|
|
.aside-menu__item--selected,
|
|
.aside-menu__item--selected:hover {
|
|
color: #ffffff;
|
|
background-color: var(--brand-color);
|
|
}
|
|
|
|
.aside-menu__item-text {
|
|
margin-left: 8px;
|
|
}
|