YunoHost/yunohost-admin
1
0
Fork 0
mirror of https://github.com/YunoHost/yunohost-admin.git synced 2024-09-03 20:06:15 +02:00
Code Issues Projects Releases Packages Wiki Activity

fix pacman translation overflow

Browse source
This commit is contained in:
Axolotle 2020-11-24 12:44:49 +01:00
parent f9a488fc67
commit 7b33b223b6
1 changed files with 6 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
app/src/components/ApiWaitOverlay.vue
View file

@ -8,7 +8,7 @@
<template v-slot:overlay> <template v-slot:overlay>
<b-card no-body> <b-card no-body>
<div v-if="!error" class="d-flex justify-content-center mt-3"> <div v-if="!error" class="mt-3 px-3">
<!-- <b-spinner /> --> <!-- <b-spinner /> -->
<img class="pacman" src="@/assets/ajax-loader.gif"> <img class="pacman" src="@/assets/ajax-loader.gif">
</div> </div>
@ -116,13 +116,14 @@ export default {
} }
.pacman { .pacman {
width: 24px;
animation: back-and-forth 4s linear infinite; animation: back-and-forth 4s linear infinite;
@keyframes back-and-forth { @keyframes back-and-forth {
0%, 100% { transform: translateX(-50vw) scale(1); } 0%, 100% { transform: scale(1); margin-left: 0; }
49% { transform: translateX(50vw) scale(1); } 49% { transform: scale(1); margin-left: calc(100% - 24px);}
50% { transform: translateX(50vw) scale(-1); } 50% { transform: scale(-1); margin-left: calc(100% - 24px);}
99% { transform: translateX(-50vw) scale(-1); } 99% { transform: scale(-1); margin-left: 0;}
} }
} }
</style> </style>