skeletons about frontend HOT 5 CLOSED

as of now implemented only for /api-keys and /private-tags pages, since they are only pages where data is fetching from server
demo - https://block-scout-git-skeletons-3ducks.vercel.app/api-keys

from frontend.

let's make 3 rows instead of 4 ?

Could we display skeleton after text?

from frontend.

let' s make one more version of loader?

Please use
.loader {
width: 100%;
height: 4.8px;
display: inline-block;
position: relative;
overflow: hidden;
}
.loader::after {
content: '';
width: 96px;
height: 4.8px;
background: #FFF;
position: absolute;
top: 0;
left: 0;
box-sizing: border-box;
animation: hitZak 0.6s ease-in-out infinite alternate;
}

@Keyframes hitZak {
0% {
left: 0;
transform: translateX(-1%);
}
100% {
left: 100%;
transform: translateX(-99%);
}
}

https://cssloaders.github.io/

from frontend.

@tom2drum Did you use #black alfa 100 color for skeleton ?
Now looks too bright.

from frontend.

made changes:

• number of rows in the table
• change skeleton animation and colors
• add second variant for content loader

from frontend.