fixed setup menu displaying strangely in ffox

This commit is contained in:
John Mitchell
2015-06-01 16:57:16 -04:00
parent 5bd25d408a
commit 72c12054c1
2 changed files with 26 additions and 16 deletions

View File

@@ -64,6 +64,12 @@
} }
} }
// flexbox bug in firefox: you can't make a button display:flex
// https://github.com/philipwalton/flexbugs#9-button-elements-cant-be-flex-containers
&-firefoxFlexButtonFix {
display: flex;
}
&-title { &-title {
&--aside { &--aside {
font-size: 1.4rem; font-size: 1.4rem;

View File

@@ -48,6 +48,7 @@
</div> </div>
</a> </a>
<button class="SetupItem SetupItem--button SetupItem--aside HoverIcon Media" ng-click="showManagementJobsModal()" ng-if="user_is_superuser"> <button class="SetupItem SetupItem--button SetupItem--aside HoverIcon Media" ng-click="showManagementJobsModal()" ng-if="user_is_superuser">
<div class="SetupItem-firefoxFlexButtonFix">
<i class="SetupItem-icon SetupItem-icon--aside HoverIcon-icon HoverIcon-icon--opacity Media-figure"> <i class="SetupItem-icon SetupItem-icon--aside HoverIcon-icon HoverIcon-icon--opacity Media-figure">
<aw-icon name="ManagementJobs"></aw-icon> <aw-icon name="ManagementJobs"></aw-icon>
</i> </i>
@@ -57,8 +58,10 @@
Schedule jobs to periodically cleanup job history. Schedule jobs to periodically cleanup job history.
</p> </p>
</div> </div>
</div>
</button> </button>
<button class="SetupItem SetupItem--button SetupItem--aside HoverIcon Media" ng-click="showInventoryScriptsModal()" ng-if="user_is_superuser"> <button class="SetupItem SetupItem--button SetupItem--aside HoverIcon Media" ng-click="showInventoryScriptsModal()" ng-if="user_is_superuser">
<div class="SetupItem-firefoxFlexButtonFix">
<i class="SetupItem-icon SetupItem-icon--aside HoverIcon-icon HoverIcon-icon--opacity Media-figure"> <i class="SetupItem-icon SetupItem-icon--aside HoverIcon-icon HoverIcon-icon--opacity Media-figure">
<aw-icon name="InventoryScripts"></aw-icon> <aw-icon name="InventoryScripts"></aw-icon>
</i> </i>
@@ -68,6 +71,7 @@
Create and edit scripts to dynamically load hosts from any source. Create and edit scripts to dynamically load hosts from any source.
</p> </p>
</div> </div>
</div>
</button> </button>
<a link-to="license" class="SetupItem SetupItem--button SetupItem--aside SetupItem--noIcon"> <a link-to="license" class="SetupItem SetupItem--button SetupItem--aside SetupItem--noIcon">
<h4 class="SetupItem-title SetupItem-title--aside">View Your License</h4> <h4 class="SetupItem-title SetupItem-title--aside">View Your License</h4>