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

fix color contrast of nav

Browse Source
This commit is contained in:
John Mitchell
2018-11-19 12:35:55 -05:00
parent a3bbe308a8
commit 11adcb9800
2 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -261,7 +261,7 @@
.at-SettingsSubPane-content { .at-SettingsSubPane-content {
display: none; display: none;
position: absolute; position: absolute;
background-color: @at-gray-848992; background-color: @at-color-side-nav-background;
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;
@@ -286,11 +286,11 @@
// hover stuff // hover stuff
.at-SettingsSubPane-content a:hover { .at-SettingsSubPane-content a:hover {
background-color: @at-gray-b7; background-color: @at-color-side-nav-item-background-hover;
} }
.at-SettingsSubPane.at-SettingsSubPane--visible .at-SettingsSubPane-content { .at-SettingsSubPane.at-SettingsSubPane--visible .at-SettingsSubPane-content {
display: block; display: block;
} }
.at-SettingsSubPane.at-SettingsSubPane--visible .nav-button { .at-SettingsSubPane.at-SettingsSubPane--visible .nav-button {
background-color: @at-gray-b7; background-color: @at-color-side-nav-item-background-hover;
} }

6
awx/ui/client/lib/theme/_variables.less
View File

@@ -30,7 +30,9 @@
@at-gray-b7: #b7b7b7; @at-gray-b7: #b7b7b7;
@at-gray-a9: #a9a9a9; @at-gray-a9: #a9a9a9;
@at-gray-848992: #848992; @at-gray-848992: #848992;
@at-gray-76: #767676;
@at-gray-70: #707070; @at-gray-70: #707070;
@at-gray-48: #484848;
@at-gray-161b1f: #161b1f; @at-gray-161b1f: #161b1f;
@at-white: #ffffff; @at-white: #ffffff;
@@ -170,9 +172,9 @@
@at-color-top-nav-item-icon: @at-gray-848992; @at-color-top-nav-item-icon: @at-gray-848992;
@at-color-top-nav-item-icon-socket-outline: @at-white; @at-color-top-nav-item-icon-socket-outline: @at-white;
@at-color-top-nav-item-background-hover: @at-gray-fa; @at-color-top-nav-item-background-hover: @at-gray-fa;
@at-color-side-nav-background: @at-gray-848992; @at-color-side-nav-background: @at-gray-48;
@at-color-side-nav-content: @at-white; @at-color-side-nav-content: @at-white;
@at-color-side-nav-item-background-hover: @at-gray-b7; @at-color-side-nav-item-background-hover: @at-gray-76;
@at-color-side-nav-item-border-hover: @at-white; @at-color-side-nav-item-border-hover: @at-white;
@at-color-side-nav-item-icon: @at-white; @at-color-side-nav-item-icon: @at-white;
@at-color-side-nav-item-spacer: @at-gray-d7; @at-color-side-nav-item-spacer: @at-gray-d7;