1
0
mirror of https://github.com/node-red/node-red.git synced 2023-10-10 13:36:53 +02:00

Make spinner themeable

This commit is contained in:
Mauricio Bonani 2022-04-03 18:06:16 -04:00
parent 2f77596034
commit 96d15b7505
3 changed files with 21 additions and 5 deletions

View File

@ -142,9 +142,16 @@ body {
line-height: 14px;
vertical-align: text-top;
margin-top: 0px;
background: url(images/spin.svg) no-repeat 50% 50%;
background-size: contain
}
-webkit-mask-image: url(images/spin.svg);
mask-image: url(images/spin.svg);
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: 50% 50%;
mask-position: 50% 50%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: $spinner-color;
}
.red-ui-font-code {
font-family: $monospace-font;

View File

@ -305,6 +305,8 @@ $grip-color: #ccc;
$icons-flow-color: #808080;
$spinner-color: #999;
// Deprecated
$text-color-green: $text-color-success;
$info-text-code-color: $text-color-code;

View File

@ -135,6 +135,13 @@
}
.red-ui-treeList-spinner {
height: 32px;
background: url(images/spin.svg) 50% 50% no-repeat;
background-size: auto 20px;
-webkit-mask-image: url(images/spin.svg);
mask-image: url(images/spin.svg);
-webkit-mask-size: auto 20px;
mask-size: auto 20px;
-webkit-mask-position: 50% 50%;
mask-position: 50% 50%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background-color: $spinner-color;
}