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

changed breadcrumbs to be white with grey background

Browse Source
This commit is contained in:
Jared Tabor
2014-07-22 14:49:39 -04:00
parent 7206c1ede1
commit 0e2d84d663
1 changed files with 6 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
awx/ui/static/less/breadcrumbs.less
View File

@@ -5,10 +5,7 @@
* *
* custom breadcrumbs * custom breadcrumbs
* *
* JT-- 7/21/14 -- I've changed the breadcrumbs to a grey scheme. * JT-- 7/22/14 -- changed the breadcrumbs to be all white with grey outline
* I used the grey defined in ansible-ui.less and used a lighter shade
* of the grey for the active breadcrumbs and an even lighter shade
* for the other breadcrumbs. Active= #C3C3C3; Other B.C's = #EEEEEE;
* *
*/ */
@@ -29,21 +26,19 @@
font-weight: normal; font-weight: normal;
text-decoration: none; text-decoration: none;
padding: 3px 8px 3px 20px; padding: 3px 8px 3px 20px;
background: #EEEEEE; /* fallback color */ background: @white; /* fallback color */
position: relative; position: relative;
left: 0; left: 0;
top: 0; top: 0;
display: block; display: block;
/*
border-style: solid; border-style: solid;
border-color: @grey; border-color: @grey;
border-width: thin; border-width: thin;
*/
float: left; float: left;
} }
.ansible-breadcrumb li.active a { .ansible-breadcrumb li.active a {
background: #C3C3C3; background: @white;
color: @black; color: @black;
font-weight: normal; font-weight: normal;
} }
@@ -54,7 +49,7 @@
height: 0; height: 0;
border-top: 13px dashed transparent; /* Go big on the size, and let overflow hide */ border-top: 13px dashed transparent; /* Go big on the size, and let overflow hide */
border-bottom: 13px dashed transparent; border-bottom: 13px dashed transparent;
border-left: 10px solid #EEEEEE; border-left: 10px solid @white;
position: absolute; position: absolute;
top: 50%; top: 50%;
margin-top: -13px; margin-top: -13px;
@@ -62,7 +57,7 @@
z-index: 2; z-index: 2;
} }
.ansible-breadcrumb li.active a:after { .ansible-breadcrumb li.active a:after {
border-left: 13px solid #C3C3C3 border-left: 10px solid @white
} }
.ansible-breadcrumb li a:before { .ansible-breadcrumb li a:before {
content: " "; content: " ";
@@ -71,7 +66,7 @@
height: 0; height: 0;
border-top: 13px dashed transparent; border-top: 13px dashed transparent;
border-bottom: 13px dashed transparent; border-bottom: 13px dashed transparent;
border-left: 11px solid @white; border-left: 11px solid @grey;
position: absolute; position: absolute;
top: 50%; top: 50%;
margin-top: -13px; margin-top: -13px;