Bases the border with on the actual size

Fixes: OX-11681
scireum · Dec 9, 2024 · 571f4e5 · 571f4e5
1 parent b954bea
commit 571f4e5
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/main/resources/assets/design-system/misc.scss b/src/main/resources/assets/design-system/misc.scss
@@ -297,7 +297,7 @@
 
 .sci-preloader {
   --preloader-size: calc(3 * var(--sci-base-unit)); /* Default size */
-  --preloader-border-width: calc(0.2 * var(--sci-base-unit)); /* Default border width */
+  --preloader-border-width: calc(var(--preloader-size) * (0.2 / 3));
 
   position: relative;
   height: var(--preloader-size);
@@ -321,10 +321,11 @@
 }
 
 .sci-preloader-small {
-  --preloader-size: calc(2 * var(--sci-base-unit));
-  --preloader-border-width: calc(0.15 * var(--sci-base-unit));
+  --preloader-size: calc(2 * var(--sci-base-unit)); /* Smaller size */
+  /* No need to redefine --preloader-border-width; it adjusts automatically */
 }
 
+
 @keyframes sciPreloader {
   to {
     transform: rotate(360deg);