Disable initial rolling animation

This commit is contained in:
Liu Xiaoyi 2020-03-03 02:34:36 +08:00
parent 9e5698f6c8
commit 5122bb77b4
No known key found for this signature in database
GPG Key ID: B60C78B94C354E11
2 changed files with 15 additions and 3 deletions

View File

@ -462,7 +462,6 @@ body {
> * {
animation-name: tuna-roll-leave;
transform: translateY(100%);
}
> [data-tuna-roll-seq~="#{$i}"] {
animation-name: tuna-roll-enter;
@ -470,4 +469,17 @@ body {
}
}
}
&[data-tuna-roll-cur="-1"] {
> div {
animation-name: tuna-roll-leave;
transform: translateY(100%);
animation-duration: 0s;
}
> div[data-tuna-roll-seq~="0"] {
animation-name: tuna-roll-enter;
transform: none;
animation-duration: 0s;
}
}
}

View File

@ -59,7 +59,7 @@ permalink: /status/
<td class="col-xs-8 hidden-md hidden-lg" v-else>Syncing Now</td>
<td class="hidden-xs hidden-sm hidden-md hidden-lg"></td>
<td class="col-md-2 col-xs-3 rolling-3 text-left-md text-right-xs hidden-xs hidden-sm">
<div class="tuna-roll" data-tuna-roll-cur="0" data-tuna-roll-max="6">
<div class="tuna-roll" data-tuna-roll-cur="-1" data-tuna-roll-max="6">
<template v-if="mir.last_ended_ts == mir.last_update_ts">
<div data-tuna-roll-seq="0 1 2 3">Last Successful Sync</div>
</template>
@ -74,7 +74,7 @@ permalink: /status/
</td>
<td class="hidden-xs hidden-sm hidden-md hidden-lg"></td>
<td class="col-md-2 col-xs-5 rolling-6 hidden-xs hidden-sm">
<div class="tuna-roll" data-tuna-roll-cur="0" data-tuna-roll-max="6">
<div class="tuna-roll" data-tuna-roll-cur="-1" data-tuna-roll-max="6">
<template v-if="mir.last_ended_ts == mir.last_update_ts">
<div data-tuna-roll-seq="0 1">{{mir.last_update}}</div>
<div data-tuna-roll-seq="2 3">{{mir.last_update_ago}}</div>