improved card highlighting on hover
This commit is contained in:
parent
638c4b514a
commit
81d99129cd
3 changed files with 36 additions and 1 deletions
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
2
server/app/styles/drone.min.css
vendored
2
server/app/styles/drone.min.css
vendored
File diff suppressed because one or more lines are too long
Loading…
Reference in a new issue