mohiit1502/Automata
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(editor): Fix broken element-plus loading spinner (no-changelog) (#7817)

Browse Source 
<img width="976" alt="image"
src="https://github.com/n8n-io/n8n/assets/6179477/aea8a4c8-277e-4527-b6e9-a5c3427097b6">
<img width="117" alt="image"
src="https://github.com/n8n-io/n8n/assets/6179477/14c8876c-5e26-4154-9fdf-8b1fe9e5f806">
This commit is contained in:
Alex Grozav
2023-11-27 10:50:50 +02:00
committed by GitHub
parent 1b60cfb8f1
commit 7cc7f226e5
7 changed files with 11 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/design-system/src/css/common/var.scss
View File

@@ -866,7 +866,7 @@ $datepicker-cell-hover-color: var(--color-foreground-xlight);
/* Loading
--------------------------*/
/// height||Other|4
$loading-spinner-size: 42px;
$loading-spinner-size: 24px;
/// height||Other|4
$loading-fullscreen-spinner-size: 50px;

6
packages/design-system/src/css/loading.scss
View File

@@ -27,6 +27,7 @@
.el-loading-spinner {
transform: translateY(-50%);
display: block;
.circular {
height: var.$loading-fullscreen-spinner-size;
@@ -42,6 +43,10 @@
width: 100%;
text-align: center;
position: absolute;
max-height: 100%;
display: flex;
justify-content: center;
align-items: center;
.el-loading-text {
color: var(--color-primary);
@@ -50,6 +55,7 @@
}
.circular {
max-height: 100%;
height: var.$loading-spinner-size;
width: var.$loading-spinner-size;
animation: loading-rotate 2s linear infinite;