Avoid useless CSS animation when nothing is done (bug 1888657)

This commit is contained in:
Calixte Denizet 2024-03-29 14:45:06 +01:00
parent 55db43966e
commit d3a613dd5b

View File

@ -501,6 +501,7 @@ body {
font-style: normal; font-style: normal;
} }
.loadingInput:has(> &[data-status="pending"])::after { .loadingInput:has(> &[data-status="pending"])::after {
display: block;
visibility: visible; visibility: visible;
} }
&[data-status="notFound"] { &[data-status="notFound"] {
@ -1117,6 +1118,7 @@ a:is(.toolbarButton, .secondaryToolbarButton)[href="#"] {
/*#endif*/ /*#endif*/
.loadingInput:has(> &.loading)::after { .loadingInput:has(> &.loading)::after {
display: block;
visibility: visible; visibility: visible;
transition-property: visibility; transition-property: visibility;
@ -1128,6 +1130,7 @@ a:is(.toolbarButton, .secondaryToolbarButton)[href="#"] {
&::after { &::after {
position: absolute; position: absolute;
visibility: hidden; visibility: hidden;
display: none;
top: calc(50% - 8px); top: calc(50% - 8px);
width: 16px; width: 16px;
height: 16px; height: 16px;