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

updating suit name and variabilize colors for sub nav pane

Browse Source
This commit is contained in:
John Mitchell
2018-10-08 12:22:57 -04:00
parent 5a17acb131
commit 4dc6452dea
2 changed files with 14 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
awx/ui/client/lib/components/layout/_index.less
View File

@@ -87,16 +87,8 @@
} }
&-side { &-side {
// background: @at-color-side-nav-background;
// position: fixed;
// bottom: 0;
margin-top: @at-height-top-side-nav-makeup; margin-top: @at-height-top-side-nav-makeup;
// overflow-y: auto;
// max-height: 100vh;
// min-width: @at-width-collapsed-side-nav;
width: @at-width-collapsed-side-nav; width: @at-width-collapsed-side-nav;
// overflow-x: hidden;
// z-index: @at-z-index-side-nav;
.at-Popover-container { .at-Popover-container {
margin-top: 2px; margin-top: 2px;
@@ -259,14 +251,13 @@
} }
/* Tower Sub Nav Dropdown */ /* Tower Sub Nav Dropdown */
.twr-nav-dropdown { .at-SettingsSubPane {
position: relative; position: relative;
// display: inline-block;
} }
.twr-nav-dropdown-content { .at-SettingsSubPane-content {
display: none; display: none;
position: absolute; position: absolute;
background-color: #848992; background-color: @at-gray-848992;
min-width: 140px; min-width: 140px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
bottom: 0px; bottom: 0px;
@@ -274,14 +265,14 @@
z-index: 2000; z-index: 2000;
} }
.at-Layout-side--expanded + .twr-nav-dropdown { .at-Layout-side--expanded + .at-SettingsSubPane {
.twr-nav-dropdown-content { .at-SettingsSubPane-content {
left: @at-width-expanded-side-nav; left: @at-width-expanded-side-nav;
} }
} }
.twr-nav-dropdown-content a { .at-SettingsSubPane-content a {
color: #ffffff; color: @at-white;
font-size: 0.85em; font-size: 0.85em;
padding: 10px 20px; padding: 10px 20px;
text-decoration: none; text-decoration: none;
@@ -289,12 +280,12 @@
} }
// hover stuff // hover stuff
.twr-nav-dropdown-content a:hover { .at-SettingsSubPane-content a:hover {
background-color: #b7b7b7; background-color: @at-gray-b7;
} }
.twr-nav-dropdown.twr-nav-dropdown--visible .twr-nav-dropdown-content { .at-SettingsSubPane.at-SettingsSubPane--visible .at-SettingsSubPane-content {
display: block; display: block;
} }
.twr-nav-dropdown.twr-nav-dropdown--visible .nav-button { .at-SettingsSubPane.at-SettingsSubPane--visible .nav-button {
background-color: #b7b7b7; background-color: @at-gray-b7;
} }

4
awx/ui/client/lib/components/layout/side-nav.partial.html
View File

@@ -6,8 +6,8 @@
</div> </div>
<ng-transclude></ng-transclude> <ng-transclude></ng-transclude>
</div> </div>
<div class="twr-nav-dropdown" ng-class="{'twr-nav-dropdown--visible': vm.showSettingsSubMenu}"> <div class="at-SettingsSubPane" ng-class="{'at-SettingsSubPane--visible': vm.showSettingsSubMenu}">
<div class="twr-nav-dropdown-content"> <div class="at-SettingsSubPane-content">
<a ui-sref="settings.form({form: 'auth'})">Authentication</a> <a ui-sref="settings.form({form: 'auth'})">Authentication</a>
<a ui-sref="settings.form({form: 'jobs'})">Jobs</a> <a ui-sref="settings.form({form: 'jobs'})">Jobs</a>
<a ui-sref="settings.form({form: 'system'})">System</a> <a ui-sref="settings.form({form: 'system'})">System</a>