lucas.mathieu/cachet-docker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Sidebar responsive

Browse Source
This commit is contained in:
Joseph Cohen
2015-01-01 21:13:37 -06:00
parent ba0a7b6f92
commit 0009bb0e33
5 changed files with 70 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
app/assets/sass/partials/_sidebar.scss
View File

@@ -98,6 +98,57 @@ body.dashboard {
}
}
// Sidebar media queries
@media (max-width: $screen-sm-max) {
.sidebar {
width: 80px;
.sidebar-inner {
.profile .avatar img {
width: 40px;
}
.profile .username {
@extend .hidden-xs;
@extend .hidden-sm;
}
.quick-add-incident {
.btn {
padding: 3px 6px;
}
i {
@extend .visible-xs;
@extend .visible-sm;
font-size: 20px;
}
span {
@extend .hidden-xs;
@extend .hidden-sm;
}
}
& > ul > li > a {
text-align: center;
& > i {
font-size: 25px;
}
& > span {
@extend .hidden-xs;
@extend .hidden-sm;
}
}
}
.bottom-menu-sidebar {
@extend .hidden-xs;
@extend .hidden-sm;
}
}
}
// Sidebar media queries
@media (max-width: $screen-sm-max) {
.sidebar {
@extend .hidden-xs;
}
}
.sub-sidebar {
left: 0;
top: 0;
@@ -147,5 +198,9 @@ body.dashboard {
padding: 24px 50px;
padding-bottom: 80px;
}
@media (max-width: $screen-sm-max) {
}
}
}