External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-05-19 23:07:42 -02:30
Code Issues Packages Projects Releases Wiki Activity

fixing main menu logo on mobile breakpoint

Browse Source
This commit is contained in:
Jared Tabor
2017-06-19 18:14:11 -07:00
parent eed39ccfc5
commit 33165553a9
2 changed files with 14 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
awx/ui/client/assets/variables.less
View File

@@ -7,15 +7,16 @@
// Main nav bar logo // Main nav bar logo
@main-menu-width: 200px; @main-menu-width: 200px;
@main-menu-margin: -50px 0px 0px -40px; @main-menu-margin: -50px 0px 0px -40px;
@main-menu-max-width: inherit; @main-menu-max-width: initial;
@main-menu-max-height: inherit; @main-menu-max-height: initial;
@main-menu-height: inherit; @main-menu-height: initial;
@main-menu-margin-breakpoint: -55px 0px 0px -40px;
// About modal logo // About modal logo
@about-modal-float: left; @about-modal-float: left;
@about-modal-width: 200px; @about-modal-width: 200px;
@about-modal-padding-top: inherit; @about-modal-padding-top: initial;
@about-modal-margin-top: -60px; @about-modal-margin-top: -60px;
@about-modal-margin-left: -50px; @about-modal-margin-left: -50px;

2
awx/ui/client/src/main-menu/main-menu.block.less
View File

@@ -187,7 +187,7 @@
} }
.MainMenu-logoImage { .MainMenu-logoImage {
margin-top: 15px; margin: @main-menu-margin-breakpoint;
} }
.MainMenu-item--notMobile { .MainMenu-item--notMobile {