OpenCloud
/
riot-web
mirror of https://github.com/vector-im/riot-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Reuse Spinner styles for InlineSpinner 

Signed-off-by: Robin Townsend <robin@robin.town>
pull/21833/head
Robin Townsend 2021-05-16 08:00:54 -04:00
parent 74cc00b319
commit 555b2e3266
2 changed files with 1 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
res/css/views/elements/_InlineSpinner.scss
View File

@ -23,19 +23,6 @@ limitations under the License.
vertical-align: -3px;
}
@keyframes spin {
from {
transform: rotateZ(0deg);
}
to {
transform: rotateZ(360deg);
}
}
.mx_InlineSpinner_icon {
display: inline-block;
background-color: $primary-fg-color;
mask: url('$(res)/img/spinner.svg');
mask-size: contain;
animation: 1.1s steps(12, end) infinite spin;
}

2
src/components/views/elements/InlineSpinner.js
View File

@ -40,7 +40,7 @@ export default class InlineSpinner extends React.Component {
} else {
icon = (
<div
className="mx_InlineSpinner_icon"
className="mx_InlineSpinner_icon mx_Spinner_icon"
style={{width: w, height: h}}
aria-label={_t("Loading...")}
></div>