Chatwoot/app/javascript/dashboard/assets/scss/widgets/_sidemenu.scss
Sivin Varghese 2af337be10
feat: Add the ability to toggle the secondary sidebar in all display breakpoints (#6118)
Co-authored-by: Nithin David <1277421+nithindavid@users.noreply.github.com>
Co-authored-by: Pranav Raj S <pranav@chatwoot.com>
2022-12-22 14:07:11 -08:00

73 lines
1.2 KiB
SCSS

.side-menu {
i {
margin-right: $space-smaller;
min-width: $space-two;
}
}
.sidebar {
z-index: 1024 - 1;
//logo
.logo {
img {
max-height: 108px;
padding: $woot-logo-padding;
}
}
.nested {
a {
font-size: $font-size-small;
margin-bottom: $space-micro;
margin-top: $space-micro;
.inbox-icon {
display: inline-block;
margin-right: $space-micro;
min-width: $space-normal;
text-align: center;
}
}
}
}
// bottom-nav
.bottom-nav {
@include flex;
@include space-between-column;
@include border-normal-top;
flex-direction: column;
padding: $space-one $space-normal $space-one $space-one;
position: relative;
&:hover {
background: var(--color-background-light);
}
.dropdown-pane {
bottom: 6rem;
display: block;
visibility: visible;
width: fit-content;
}
.active {
border-bottom: 2px solid $medium-gray;
}
}
.hamburger--menu {
cursor: pointer;
display: block;
margin-right: $space-normal;
}
.header--icon {
display: block;
margin-right: $space-normal;
@media screen and (max-width: 1200px) {
display: none;
}
}