improved card highlighting on hover

This commit is contained in:
Brad Rydzewski 2014-07-09 18:16:41 -07:00
parent 638c4b514a
commit 81d99129cd
3 changed files with 36 additions and 1 deletions

View file

@ -686,6 +686,16 @@ nav div.options .pure-button i {
#homepage section:nth-child(3) {
border-bottom: 0px solid #EEE;
}
#homepage section .card[data-status="Killed"] .l-box,
#homepage section .card[data-status="Failure"] .l-box,
#homepage section .card[data-status="Error"] .l-box {
border: 1px solid #e97041;
}
#homepage section .card[data-status="Killed"] .l-box:hover,
#homepage section .card[data-status="Failure"] .l-box:hover,
#homepage section .card[data-status="Error"] .l-box:hover {
border: 1px solid #262626;
}
#repospage {
width: 100%;
}
@ -1023,11 +1033,19 @@ nav div.options .pure-button i {
#repopage section .card[data-status="Success"]:nth-child(2) .l-box {
border-color: #68c598;
}
#repopage section .card[data-status="Success"]:nth-child(2) .l-box:hover {
border: 1px solid #262626;
}
#repopage section .card[data-status="Killed"]:nth-child(2) .l-box,
#repopage section .card[data-status="Failure"]:nth-child(2) .l-box,
#repopage section .card[data-status="Error"]:nth-child(2) .l-box {
border-color: #e97041;
}
#repopage section .card[data-status="Killed"]:nth-child(2) .l-box:hover,
#repopage section .card[data-status="Failure"]:nth-child(2) .l-box:hover,
#repopage section .card[data-status="Error"]:nth-child(2) .l-box:hover {
border: 1px solid #262626;
}
#repopage section .card[data-status="Started"] em:before,
#repopage section .card[data-status="Pending"] em:before {
-webkit-animation: progress 1s linear infinite;

View file

@ -623,6 +623,17 @@ nav {
&:nth-child(3) {
border-bottom:0px solid #EEE;
}
.card[data-status="Killed"],
.card[data-status="Failure"],
.card[data-status="Error"] {
.l-box {
border: 1px solid @cneg;
&:hover {
border:1px solid @c0;
}
}
}
}
}
@ -935,6 +946,9 @@ nav {
.card[data-status="Success"] {
&:nth-child(2) .l-box {
border-color: @cok;
&:hover {
border:1px solid @c0;
}
}
}
@ -943,6 +957,9 @@ nav {
.card[data-status="Error"] {
&:nth-child(2) .l-box {
border-color: @cneg;
&:hover {
border:1px solid @c0;
}
}
}

File diff suppressed because one or more lines are too long