External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-01-17 04:31:21 -03: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
No known key found for this signature in database
GPG Key ID: FE6A9B5BD4EB5C94
2 changed files with 14 additions and 23 deletions
Show Stats 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 {
// background: @at-color-side-nav-background;
// position: fixed;
// bottom: 0;
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;
// overflow-x: hidden;
// z-index: @at-z-index-side-nav;
.at-Popover-container {
margin-top: 2px;
@ -259,14 +251,13 @@
}
/* Tower Sub Nav Dropdown */
.twr-nav-dropdown {
.at-SettingsSubPane {
position: relative;
// display: inline-block;
}
.twr-nav-dropdown-content {
.at-SettingsSubPane-content {
display: none;
position: absolute;
background-color: #848992;
background-color: @at-gray-848992;
min-width: 140px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
bottom: 0px;
@ -274,14 +265,14 @@
z-index: 2000;
}
.at-Layout-side--expanded + .twr-nav-dropdown {
.twr-nav-dropdown-content {
.at-Layout-side--expanded + .at-SettingsSubPane {
.at-SettingsSubPane-content {
left: @at-width-expanded-side-nav;
}
}
.twr-nav-dropdown-content a {
color: #ffffff;
.at-SettingsSubPane-content a {
color: @at-white;
font-size: 0.85em;
padding: 10px 20px;
text-decoration: none;
@ -289,12 +280,12 @@
}
// hover stuff
.twr-nav-dropdown-content a:hover {
background-color: #b7b7b7;
.at-SettingsSubPane-content a:hover {
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;
}
.twr-nav-dropdown.twr-nav-dropdown--visible .nav-button {
background-color: #b7b7b7;
.at-SettingsSubPane.at-SettingsSubPane--visible .nav-button {
background-color: @at-gray-b7;
}

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

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