From f0751777a1ab0955fc0c15794050e3479ad2f272 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9?= <34163393+amtins@users.noreply.github.com>
Date: Tue, 6 Jun 2023 23:22:27 +0200
Subject: [PATCH] fix(loading-spinner): fix loading spinner responsiveness when
 default font size is modified (#8295)

---
 src/css/components/_loading.scss | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/css/components/_loading.scss b/src/css/components/_loading.scss
index 7dbee7da6..a88508431 100644
--- a/src/css/components/_loading.scss
+++ b/src/css/components/_loading.scss
@@ -3,20 +3,20 @@
   position: absolute;
   top: 50%;
   left: 50%;
-  margin: -25px 0 0 -25px;
+  transform: translate(-50%, -50%);
   opacity: 0.85;
 
   // Need to fix centered page layouts
   text-align: left;
 
-  border: 6px solid rgba($primary-background-color, $primary-background-transparency);
+  border: .6em solid rgba($primary-background-color, $primary-background-transparency);
   // border: 6px solid rgba(43, 51, 63, 0.5);
 
   box-sizing: border-box;
   background-clip: padding-box;
-  width: 50px;
-  height: 50px;
-  border-radius: 25px;
+  width: 5em;
+  height: 5em;
+  border-radius: 50%;
   visibility: hidden;
 }
 
@@ -31,7 +31,7 @@
 .vjs-loading-spinner:after {
   content: "";
   position: absolute;
-  margin: -6px;
+  margin: -0.6em;
   box-sizing: inherit;
   width: inherit;
   height: inherit;