From f2fd7459613e7370c3cf2109c8aa74860ddd3774 Mon Sep 17 00:00:00 2001
From: Edoardo Tenani <edoardo.tenani@protonmail.com>
Date: Thu, 8 Oct 2020 00:04:54 +0200
Subject: [PATCH] make loading element position important

When the `.loading` class is applied to a `.tooltip`, the loading element
is wrongly positioned. This is due to the `left` and `top` rules in the
`.tooltip::after` class.

Solution to this issue is to set `!important` to `left` and `top` rules
in the `.loading::after` class.

Fixes #649
---
 src/utilities/_loading.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/utilities/_loading.scss b/src/utilities/_loading.scss
index 2cfdefa25..4dd706ea1 100644
--- a/src/utilities/_loading.scss
+++ b/src/utilities/_loading.scss
@@ -14,13 +14,13 @@
     content: "";
     display: block;
     height: $unit-4;
-    left: 50%;
+    left: 50% !important; // !important fixes https://github.com/picturepan2/spectre/issues/649
     margin-left: -$unit-2;
     margin-top: -$unit-2;
     opacity: 1;
     padding: 0;
     position: absolute;
-    top: 50%;
+    top: 50% !important; // !important fixes https://github.com/picturepan2/spectre/issues/649
     width: $unit-4;
     z-index: $zindex-0;
   }