Influxdata
/
influxdb
mirror of https://github.com/influxdata/influxdb.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

WIP Make new log items fade in

pull/10616/head
Alex P 2017-11-13 18:15:53 -08:00
parent 9d16ba9dd0
commit da3b70ee08
1 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
ui/src/style/components/kapacitor-logs-table.scss
View File

@ -38,12 +38,24 @@ $logs-margin: 4px;
align-items: stretch; align-items: stretch;
flex-direction: column; flex-direction: column;
} }
@keyframes LogsFadeIn {
from {
background-color: $g6-smoke;
}
to {
background-color: transparent;
}
}
.logs-table { .logs-table {
flex-direction: column-reverse; flex-direction: column-reverse;
} }
.logs-table--row { .logs-table--row {
padding: 8px ($logs-table-padding - 16px) 8px ($logs-table-padding / 2); padding: 8px ($logs-table-padding - 16px) 8px ($logs-table-padding / 2);
border-bottom: 2px solid $g3-castle; border-bottom: 2px solid $g3-castle;
animation-name: LogsFadeIn;
animation-duration: 2.5s;
animation-iteration-count: 1;
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: background-color 0.25s ease; transition: background-color 0.25s ease;
&:hover { &:hover {