mirror of
https://github.com/tuna/mirror-web.git
synced 2025-12-25 20:32:46 +00:00
Disable initial rolling animation
This commit is contained in:
parent
9e5698f6c8
commit
5122bb77b4
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue