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

fixed setup menu displaying strangely in ffox

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

6
awx/ui/static/js/setup-menu/setup-item.block.less
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;

36
awx/ui/static/js/setup-menu/setup-menu.partial.html
View File

@@ -48,26 +48,30 @@
</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">
<i class="SetupItem-icon SetupItem-icon--aside HoverIcon-icon HoverIcon-icon--opacity Media-figure"> <div class="SetupItem-firefoxFlexButtonFix">
<aw-icon name="ManagementJobs"></aw-icon> <i class="SetupItem-icon SetupItem-icon--aside HoverIcon-icon HoverIcon-icon--opacity Media-figure">
</i> <aw-icon name="ManagementJobs"></aw-icon>
<div class="Media-block"> </i>
<h4 class="SetupItem-title SetupItem-title--aside">Management Jobs</h4> <div class="Media-block">
<p class="SetupItem-description SetupItem-description--aside"> <h4 class="SetupItem-title SetupItem-title--aside">Management Jobs</h4>
Schedule jobs to periodically cleanup job history. <p class="SetupItem-description SetupItem-description--aside">
</p> Schedule jobs to periodically cleanup job history.
</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">
<i class="SetupItem-icon SetupItem-icon--aside HoverIcon-icon HoverIcon-icon--opacity Media-figure"> <div class="SetupItem-firefoxFlexButtonFix">
<aw-icon name="InventoryScripts"></aw-icon> <i class="SetupItem-icon SetupItem-icon--aside HoverIcon-icon HoverIcon-icon--opacity Media-figure">
</i> <aw-icon name="InventoryScripts"></aw-icon>
<div class="Media-block"> </i>
<h4 class="SetupItem-title SetupItem-title--aside">Inventory Scripts</h4> <div class="Media-block">
<p class="SetupItem-description SetupItem-description--aside"> <h4 class="SetupItem-title SetupItem-title--aside">Inventory Scripts</h4>
Create and edit scripts to dynamically load hosts from any source. <p class="SetupItem-description SetupItem-description--aside">
</p> Create and edit scripts to dynamically load hosts from any source.
</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>