tcsenpai/Zundler
1
0
Fork 0
mirror of https://github.com/tcsenpai/Zundler.git synced 2025-06-06 11:35:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

Center loading indicator

Browse Source
This commit is contained in:
Adrian Vollmer 2024-04-21 17:12:21 +02:00
parent b496b1cad7
commit 1df42864cd
1 changed files with 19 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
zundler/assets/init.css
View File

@ -9,6 +9,19 @@
overflow:hidden; overflow:hidden;
z-index:-1; z-index:-1;
} }
#loading-indicator {
content: " ";
z-index: 10;
display: block;
position: absolute;
height: 100%;
top: 0;
left: 0;
right: 0;
background: rgba(255, 255, 255, 0.0);
}
.lds-ripple { .lds-ripple {
display: block; display: block;
position: relative; position: relative;
@ -16,7 +29,11 @@
height: 80px; height: 80px;
margin: auto; margin: auto;
z-index:1; z-index:1;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
} }
.lds-ripple div { .lds-ripple div {
position: absolute; position: absolute;
border: 4px solid #aaa; border: 4px solid #aaa;
@ -24,9 +41,11 @@
border-radius: 50%; border-radius: 50%;
animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
} }
.lds-ripple div:nth-child(2) { .lds-ripple div:nth-child(2) {
animation-delay: -0.5s; animation-delay: -0.5s;
} }
@keyframes lds-ripple { @keyframes lds-ripple {
0% { 0% {
top: 36px; top: 36px;