Fix mobile menu styles for portal mode

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

View File

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

View File

@ -1,5 +1,5 @@
<nav class="MainMenu MainMenu--fixedTop" ng-switch="$eval(menuStyle)">
<a link-to="dashboard" class="MenuItem MenuItem--logo">
<nav class="MainMenu MainMenu--fixedTop" ng-class="menuStyleClassName" ng-switch="$eval(menuStyle)">
<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">
<menu-toggle-button width="15" height="15" bar-height="2" class="MainMenu-toggle"></menu-toggle-button>
</a>

View File

@ -24,7 +24,7 @@
</i>
<span class="MenuItem-helpTitle">Setup</span>
</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">
<aw-icon name="PortalMode"></aw-icon>
<!-- <img src="/static/img/PortalMode.svg" title="Portal Mode" data-placement="bottom" class="MenuItem-icon"> -->

View File

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

View File

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

View File

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