Fixing Loading animation
This commit is contained in:
parent
31d9f99b77
commit
311409d36d
@ -40,7 +40,7 @@ export class Footer extends Component<{}, { synced: boolean, syncing: boolean }>
|
|||||||
}
|
}
|
||||||
|
|
||||||
render() {
|
render() {
|
||||||
let extrac = "";
|
let extrac = undefined;
|
||||||
let color;
|
let color;
|
||||||
let text;
|
let text;
|
||||||
if (this.state.syncing) {
|
if (this.state.syncing) {
|
||||||
@ -69,5 +69,4 @@ export class Footer extends Component<{}, { synced: boolean, syncing: boolean }>
|
|||||||
</span>
|
</span>
|
||||||
</footer>
|
</footer>
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
@ -1,10 +1,18 @@
|
|||||||
@import "../vars.scss";
|
@import "../vars.scss";
|
||||||
|
|
||||||
.reloading { animation: turner 1s infinite linear }
|
.reloading {
|
||||||
|
display: inline-block;
|
||||||
|
animation: turner 1s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
@keyframes turner {
|
@keyframes turner {
|
||||||
from{ transform: rotate(0deg) }
|
from {
|
||||||
to { transform: rotate(360deg) }
|
transform: rotate(0deg)
|
||||||
|
}
|
||||||
|
|
||||||
|
to {
|
||||||
|
transform: rotate(360deg)
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
@ -19,5 +27,5 @@ footer {
|
|||||||
|
|
||||||
// border-top: 1px solid $border-color;
|
// border-top: 1px solid $border-color;
|
||||||
|
|
||||||
padding: 0.15em !important;
|
padding: 0.15em 1em !important;
|
||||||
}
|
}
|
@ -45,6 +45,7 @@
|
|||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
span {
|
span {
|
||||||
margin-left: 3px;
|
margin-left: 3px;
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
@ -56,5 +57,5 @@
|
|||||||
margin-right:var(--notification-margin);
|
margin-right:var(--notification-margin);
|
||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
width: 300px;
|
width: 300px;
|
||||||
|
// transition: all .3s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user