Fix markup

This commit is contained in:
aignatov-bio 2020-11-23 15:02:50 +01:00
parent 84d681ecce
commit ba39d8d31b
3 changed files with 59 additions and 81 deletions

View file

@ -1264,20 +1264,20 @@ ul.content-activities {
top: 0;
z-index: 1000000000;
&:before {
&::before {
background: $color-white;
content: '';
content: "";
display: block;
height: 100%;
opacity: .5;
width: 100%;
}
&:after {
&::after {
background-image: url("/images/medium/loading.svg");
background-position: center;
background-repeat: no-repeat;
content: '';
content: "";
display: block;
height: 100%;
position: absolute;

View file

@ -12,42 +12,31 @@
repeatCount="indefinite"
id="tlfade"
/>
<animate
xlink:href="#top_right"
attributeName="opacity"
from="0" to="1" dur="0.8s"
values="0; 0; 1; 1; 0; 0; 0; 0; 0"
keyTimes="0; 0.125; 0.25; 0.375; 0.5; 0.625; 0.75; 0.875; 1"
repeatCount="indefinite"
id="trfade"
/>
<animate
xlink:href="#bottom_right"
attributeName="opacity"
from="0" to="1" dur="0.8s"
values="0; 0; 0; 0; 1; 1; 0; 0; 0"
keyTimes="0; 0.125; 0.25; 0.375; 0.5; 0.625; 0.75; 0.875; 1"
repeatCount="indefinite"
id="brfade"
/>
<animate
xlink:href="#bottom_left"
attributeName="opacity"
from="0" to="1" dur="0.8s"
values="0; 0; 0; 0; 0; 0; 1; 1; 0"
keyTimes="0; 0.125; 0.25; 0.375; 0.5; 0.625; 0.75; 0.875; 1"
repeatCount="indefinite"
id="blfade"
/>
<animate
xlink:href="#top_right"
attributeName="opacity"
from="0" to="1" dur="0.8s"
values="0; 0; 1; 1; 0; 0; 0; 0; 0"
keyTimes="0; 0.125; 0.25; 0.375; 0.5; 0.625; 0.75; 0.875; 1"
repeatCount="indefinite"
id="trfade"
/>
<animate
xlink:href="#bottom_right"
attributeName="opacity"
from="0" to="1" dur="0.8s"
values="0; 0; 0; 0; 1; 1; 0; 0; 0"
keyTimes="0; 0.125; 0.25; 0.375; 0.5; 0.625; 0.75; 0.875; 1"
repeatCount="indefinite"
id="brfade"
/>
<animate
xlink:href="#bottom_left"
attributeName="opacity"
from="0" to="1" dur="0.8s"
values="0; 0; 0; 0; 0; 0; 1; 1; 0"
keyTimes="0; 0.125; 0.25; 0.375; 0.5; 0.625; 0.75; 0.875; 1"
repeatCount="indefinite"
id="blfade"
/>
</svg>

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

View file

@ -11,43 +11,32 @@
keyTimes="0; 0.125; 0.25; 0.375; 0.5; 0.625; 0.75; 0.875; 1"
repeatCount="indefinite"
id="tlfade"
/>
<animate
xlink:href="#top_right"
attributeName="opacity"
from="0" to="1" dur="0.8s"
values="0; 0; 1; 1; 0; 0; 0; 0; 0"
keyTimes="0; 0.125; 0.25; 0.375; 0.5; 0.625; 0.75; 0.875; 1"
repeatCount="indefinite"
id="trfade"
/>
<animate
xlink:href="#bottom_right"
attributeName="opacity"
from="0" to="1" dur="0.8s"
values="0; 0; 0; 0; 1; 1; 0; 0; 0"
keyTimes="0; 0.125; 0.25; 0.375; 0.5; 0.625; 0.75; 0.875; 1"
repeatCount="indefinite"
id="brfade"
/>
<animate
xlink:href="#bottom_left"
attributeName="opacity"
from="0" to="1" dur="0.8s"
values="0; 0; 0; 0; 0; 0; 1; 1; 0"
keyTimes="0; 0.125; 0.25; 0.375; 0.5; 0.625; 0.75; 0.875; 1"
repeatCount="indefinite"
id="blfade"
/>
/>
<animate
xlink:href="#top_right"
attributeName="opacity"
from="0" to="1" dur="0.8s"
values="0; 0; 1; 1; 0; 0; 0; 0; 0"
keyTimes="0; 0.125; 0.25; 0.375; 0.5; 0.625; 0.75; 0.875; 1"
repeatCount="indefinite"
id="trfade"
/>
<animate
xlink:href="#bottom_right"
attributeName="opacity"
from="0" to="1" dur="0.8s"
values="0; 0; 0; 0; 1; 1; 0; 0; 0"
keyTimes="0; 0.125; 0.25; 0.375; 0.5; 0.625; 0.75; 0.875; 1"
repeatCount="indefinite"
id="brfade"
/>
<animate
xlink:href="#bottom_left"
attributeName="opacity"
from="0" to="1" dur="0.8s"
values="0; 0; 0; 0; 0; 0; 1; 1; 0"
keyTimes="0; 0.125; 0.25; 0.375; 0.5; 0.625; 0.75; 0.875; 1"
repeatCount="indefinite"
id="blfade"
/>
</svg>

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB