External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-05-22 08:17:39 -02:30
Code Issues Packages Projects Releases Wiki Activity

Add mobile menu styles and click handlers

Browse Source 
Signed-off-by: Marliana Lara <mlara@redhat.com>
This commit is contained in:
Marliana Lara
2017-09-19 11:19:41 -04:00
parent ba9668623a
commit 851f01ddd2
5 changed files with 72 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
awx/ui/client/lib/components/layout/_index.less
View File

@@ -83,8 +83,6 @@
}
&-side {
background: @at-color-side-nav-background;
color: @at-color-side-nav-content;
position: fixed;
bottom: 0;
top: @at-height-top-side-nav-makeup;
@@ -94,11 +92,12 @@
z-index: @at-z-index-side-nav;
.at-Layout-sideNavItem {
background: @at-color-side-nav-background;
color: @at-color-side-nav-content;
display: flex;
cursor: pointer;
text-transform: uppercase;
> i.fa {
padding-left: 20px;
}
@@ -124,6 +123,7 @@
.at-Layout-sideNavSpacer {
height: @at-height-side-nav-spacer;
background: @at-color-side-nav-background;
}
&--expanded {
@@ -173,3 +173,40 @@
}
}
}
@breakpoint-sm: 700px;
@media screen and (max-width: @breakpoint-sm) {
.at-Layout {
&-side {
top: 60px;
.at-Layout-sideNavItem.at-Layout-sideNavToggle {
display: flex;
height: 40px;
align-items: center;
width: 55px;
}
.at-Layout-sideNavItem,
.at-Layout-sideNavSpacer {
display: none;
}
&--expanded {
width: 100vw;
z-index: @at-z-index-side-nav;
.at-Layout-sideNavItem,
.at-Layout-sideNavSpacer {
display: flex;
}
}
}
.at-Layout-main {
padding-left: 0;
}
}
}