f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2025-12-26 18:12:40 +00:00
Code Wiki Activity

searching animation

Browse Source
This commit is contained in:
Víctor Losada Hernández
2024-02-15 15:53:26 +01:00
parent 62db393969
commit 9c53541cbd
2 changed files with 13 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
client/homebrew/pages/archivePage/archivePage.jsx
View File

@@ -247,7 +247,7 @@ const ArchivePage = createClass({
if(searching) {
return (
<div className='foundBrews searching'>
<span><h3>Searching</h3><h3 className='searchAnim'>...</h3></span>
<h3 className='searchAnim'>Searching</h3>
</div>
);
};

16
client/homebrew/pages/archivePage/archivePage.less
View File

@@ -122,7 +122,15 @@ body {
place-items: center;
color: white;
h3.searchAnim {
h3 { position: relative;}
h3.searchAnim::after {
content: "";
width: max-content;
height: 1em;
position: absolute;
right: 0;
top: 50%;
translate: 100% -50%;
animation: trailingDots 2s ease infinite;
}
}
@@ -229,13 +237,13 @@ body {
@keyframes trailingDots {
0%,32% {
clip-path:inset(0 66% 0 0);
content:'.';
}
33%, 65% {
clip-path:inset(0 33% 0 0);
content:'..';
}
66%,100% {
clip-path:inset(0 0% 0 0);
content:'...';
}
}