frodovdr/node-red
1
0
Fork 0
mirror of https://github.com/node-red/node-red.git synced 2023-10-10 13:36:53 +02:00
Code Issues Releases Wiki Activity

Make spinner themeable

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
packages/node_modules/@node-red/editor-client/src/sass/base.scss vendored
View File

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

2
packages/node_modules/@node-red/editor-client/src/sass/colors.scss vendored
View File

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

11
packages/node_modules/@node-red/editor-client/src/sass/ui/common/treeList.scss vendored
View File

@ -135,6 +135,13 @@
} }
.red-ui-treeList-spinner { .red-ui-treeList-spinner {
height: 32px; height: 32px;
background: url(images/spin.svg) 50% 50% no-repeat; -webkit-mask-image: url(images/spin.svg);
background-size: auto 20px; 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;
} }