front-end: improve icons for task list

This commit is contained in:
nobohan
2018-04-30 17:22:03 +02:00
parent f5b09cf42e
commit cf2e781366
9 changed files with 86 additions and 25 deletions

View File

@@ -1,4 +1,4 @@
@import '../../../../main/Resources/public/sass/custom/config/colors';
div#single_task_warningInterval {
display: flex;
@@ -21,30 +21,41 @@ div#single_task_warningInterval {
}
}
.bt-task-label {
display: inline-flex;
margin-bottom: 0.2em;
font-size: 0.8em;
text-transform: capitalize;
}
.bt-task {
display: block;
height: 12px;
width: 12px;
font-size: 0.8em;
height: 0;
width: 8px;
padding-right: 3px;;
}
.bt-task-exchange {
@extend .bt-task;
&::before {
content: url(../svg/exchange-alt.svg);
}
background: $chill-green;
}
.bt-task-exchange:hover {
background: $chill-green-dark;
}
.bt-task-start {
.bt-task-exchange::before {
@extend .bt-task;
&::before {
content: url(../svg/play.svg);
}
width: 10px;
content: url(../svg/exchange-alt.svg);
}
.bt-task-start::before {
@extend .bt-task;
content: url(../svg/play.svg);
}
.bt-task-cancel::before {
@extend .bt-task;
content: url(../svg/times.svg);
content: url(../svg/archive.svg);
}
.bt-task-close::before {
@@ -61,9 +72,8 @@ div#single_task_warningInterval {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
padding: 12px 16px;
padding: 0.4em 0.7em;
z-index: 1;
}