Marmelator/common-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Spinning css

Browse Source
This commit is contained in:
Adina Țeudan 2021-11-15 23:44:29 +02:00
parent b7c1ae162a
commit 643df41d09
2 changed files with 23 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/assets/icons/list.svg
View File

@ -1,13 +1,14 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>status</title>
<g id="Styleguide" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Styleguide-Actions" transform="translate(-979.000000, -294.000000)" fill="#283241" fill-rule="nonzero">
<svg height="14px" version="1.1" viewBox="0 0 14 14" width="14px" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="evenodd" id="Styleguide" stroke="none" stroke-width="1">
<g fill="#283241" fill-rule="nonzero" id="Styleguide-Actions" transform="translate(-979.000000, -294.000000)">
<g id="list" transform="translate(969.000000, 284.000000)">
<g id="list-view" transform="translate(10.000000, 10.000000)">
<path d="M0,0 L0,14 L14,14 L14,0 L0,0 Z M8.4,1.4 L8.4,12.6 L5.6,12.6 L5.6,1.4 L8.4,1.4 Z M1.4,1.4 L4.2,1.4 L4.2,12.6 L1.4,12.6 L1.4,1.4 Z M9.8,12.6 L9.8,1.4 L12.6,1.4 L12.6,12.6 L9.8,12.6 Z" transform="translate(7.000000, 7.000000) scale(-1, 1) rotate(90.000000) translate(-7.000000, -7.000000) "></path>
<path
d="M0,0 L0,14 L14,14 L14,0 L0,0 Z M8.4,1.4 L8.4,12.6 L5.6,12.6 L5.6,1.4 L8.4,1.4 Z M1.4,1.4 L4.2,1.4 L4.2,12.6 L1.4,12.6 L1.4,1.4 Z M9.8,12.6 L9.8,1.4 L12.6,1.4 L12.6,12.6 L9.8,12.6 Z"
transform="translate(7.000000, 7.000000) scale(-1, 1) rotate(90.000000) translate(-7.000000, -7.000000) "></path>
</g>
</g>
</g>
</g>
</svg>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 958 B

After

Width:  |  Height:  |  Size: 938 B

16
src/assets/styles/common-loading.scss
View File

@ -21,3 +21,19 @@
text-shadow: 0.25em 0 0 #283241, 0.5em 0 0 #283241;
}
}
.spinning {
animation-name: spin;
animation-duration: 5000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}