mirror of https://github.com/vector-im/riot-web
Reuse Spinner styles for InlineSpinner
Signed-off-by: Robin Townsend <robin@robin.town>pull/21833/head
parent
74cc00b319
commit
555b2e3266
|
@ -23,19 +23,6 @@ limitations under the License.
|
||||||
vertical-align: -3px;
|
vertical-align: -3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes spin {
|
|
||||||
from {
|
|
||||||
transform: rotateZ(0deg);
|
|
||||||
}
|
|
||||||
to {
|
|
||||||
transform: rotateZ(360deg);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.mx_InlineSpinner_icon {
|
.mx_InlineSpinner_icon {
|
||||||
display: inline-block;
|
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;
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -40,7 +40,7 @@ export default class InlineSpinner extends React.Component {
|
||||||
} else {
|
} else {
|
||||||
icon = (
|
icon = (
|
||||||
<div
|
<div
|
||||||
className="mx_InlineSpinner_icon"
|
className="mx_InlineSpinner_icon mx_Spinner_icon"
|
||||||
style={{width: w, height: h}}
|
style={{width: w, height: h}}
|
||||||
aria-label={_t("Loading...")}
|
aria-label={_t("Loading...")}
|
||||||
></div>
|
></div>
|
||||||
|
|
Loading…
Reference in New Issue