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

Fix mobile menu styles for portal mode

Browse Source
This commit is contained in:
Joe Fiorini
2015-05-28 18:09:51 -04:00
parent 1a5b04c7ee
commit fc07169b5c
6 changed files with 13 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
awx/ui/static/js/main-menu/main-menu.block.less
View File

@@ -19,6 +19,10 @@
// border-bottom: solid thin black; // border-bottom: solid thin black;
} }
&--portal.Menu--open {
height: 290px !important;
}
} }
@media screen and (min-width: 571px) { @media screen and (min-width: 571px) {
@@ -33,6 +37,7 @@
@media screen and (min-width: 571px) { @media screen and (min-width: 571px) {
display: none; display: none;
} }
display: flex;
margin-left: auto; margin-left: auto;
} }

4
awx/ui/static/js/main-menu/main-menu.partial.html
View File

@@ -1,5 +1,5 @@
<nav class="MainMenu MainMenu--fixedTop" ng-switch="$eval(menuStyle)"> <nav class="MainMenu MainMenu--fixedTop" ng-class="menuStyleClassName" ng-switch="$eval(menuStyle)">
<a link-to="dashboard" class="MenuItem MenuItem--logo"> <a link-to="dashboard" menu-item class="MenuItem MenuItem--logo">
<img id="ansible-brand-logo" alt="Ansible Tower" class="MenuItem-logo" src="/static/img/TowerLogo.svg"> <img id="ansible-brand-logo" alt="Ansible Tower" class="MenuItem-logo" src="/static/img/TowerLogo.svg">
<menu-toggle-button width="15" height="15" bar-height="2" class="MainMenu-toggle"></menu-toggle-button> <menu-toggle-button width="15" height="15" bar-height="2" class="MainMenu-toggle"></menu-toggle-button>
</a> </a>

2
awx/ui/static/js/main-menu/menu-default.partial.html
View File

@@ -24,7 +24,7 @@
</i> </i>
<span class="MenuItem-helpTitle">Setup</span> <span class="MenuItem-helpTitle">Setup</span>
</a> </a>
<a link-to="portal" class="MenuItem MenuItem--fixed"> <a link-to="portal" menu-item class="MenuItem MenuItem--fixed">
<i class="MenuItem-icon" title="Portal Mode" data-placement="bottom"> <i class="MenuItem-icon" title="Portal Mode" data-placement="bottom">
<aw-icon name="PortalMode"></aw-icon> <aw-icon name="PortalMode"></aw-icon>
<!-- <img src="/static/img/PortalMode.svg" title="Portal Mode" data-placement="bottom" class="MenuItem-icon"> --> <!-- <img src="/static/img/PortalMode.svg" title="Portal Mode" data-placement="bottom" class="MenuItem-icon"> -->

3
awx/ui/static/js/main-menu/menu-item.block.less
View File

@@ -39,6 +39,8 @@
&--logo { &--logo {
border: none; border: none;
display: flex;
align-items: stretch;
} }
} }
@@ -96,6 +98,7 @@
&-logo { &-logo {
height: 34px; height: 34px;
width: auto; width: auto;
align-self: center;
} }
&-icon { &-icon {

1
awx/ui/static/js/main-menu/menu-portal.partial.html
View File

@@ -13,6 +13,7 @@
<i class="MenuItem-icon" title="Exit Portal Mode" data-placement="bottom"> <i class="MenuItem-icon" title="Exit Portal Mode" data-placement="bottom">
<aw-icon name="PortalMode--exit"></aw-icon> <aw-icon name="PortalMode--exit"></aw-icon>
</i> </i>
<span class="MenuItem-helpTitle">Exit Portal Mode</span>
</a> </a>
<a link-to="signOut" class="MenuItem MenuItem--fixed"> <a link-to="signOut" class="MenuItem MenuItem--fixed">
<i class="MenuItem-icon" title="Sign Out" data-placement="bottom"> <i class="MenuItem-icon" title="Sign Out" data-placement="bottom">

1
awx/ui/static/js/main-menu/menu-toggle.block.less
View File

@@ -2,6 +2,7 @@
.MenuToggle { .MenuToggle {
align-self: center;
&-icon { &-icon {
// Override settings (on svg tag) from nv.d3.css that really // Override settings (on svg tag) from nv.d3.css that really
// shouldn't be there, but are, so meh. // shouldn't be there, but are, so meh.