From 6fdabbc73b6d56482e21ce984f463779edb93307 Mon Sep 17 00:00:00 2001
From: zadam <zadam.apps@gmail.com>
Date: Tue, 20 Jul 2021 21:25:26 +0200
Subject: [PATCH] fixed styling for loading notes

---
 src/public/stylesheets/style.css | 42 --------------------------------
 src/public/stylesheets/tree.css  | 39 +++++++++++++++++++++++++++++
 2 files changed, 39 insertions(+), 42 deletions(-)

diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css
index 9caa5f7fd..cd120174d 100644
--- a/src/public/stylesheets/style.css
+++ b/src/public/stylesheets/style.css
@@ -531,29 +531,6 @@ div[data-notify="container"] {
     background-color: var(--accented-background-color);
 }
 
-.fancytree-loading span.fancytree-expander {
-    background-image: none !important;
-    display: inline-block;
-}
-
-.fancytree-loading span.fancytree-expander:after {
-    content: " ";
-    color: inherit !important;
-    display: block;
-    border-radius: 50%;
-    border-color: #000 transparent #000 transparent;
-    animation: lds-dual-ring 1.2s linear infinite;
-}
-
-@keyframes lds-dual-ring {
-    0% {
-        transform: rotate(0deg);
-    }
-    100% {
-        transform: rotate(360deg);
-    }
-}
-
 .ck-content .image > figcaption {
     color: var(--main-text-color) !important;
     background-color: var(--accented-background-color) !important;
@@ -765,21 +742,6 @@ li.dropdown-submenu:hover > ul.dropdown-menu {
     transform: rotate(-90deg);
 }
 
-.fancytree-loading span.fancytree-expander {
-    width: 16px;
-    height: 16px;
-    margin-left: 4px;
-}
-
-.fancytree-loading span.fancytree-expander:after {
-    width: 12px;
-    height: 12px;
-    margin-top: 4px;
-    margin-left: 1px;
-    border-width: 1px;
-    border-style: solid;
-}
-
 body {
     /* FF basic styling */
     scrollbar-color: var(--active-item-background-color) var(--main-background-color);
@@ -817,10 +779,6 @@ body {
     white-space: normal !important;
 }
 
-ul.fancytree-container li {
-    contain: layout paint;
-}
-
 /**
     ckeditor's autocomplete
     should be higher than 1070 of tooltip
diff --git a/src/public/stylesheets/tree.css b/src/public/stylesheets/tree.css
index b8e8f8d2f..7b96ca55e 100644
--- a/src/public/stylesheets/tree.css
+++ b/src/public/stylesheets/tree.css
@@ -42,6 +42,45 @@ ul.fancytree-container {
     margin-right: 5px;
 }
 
+.fancytree-loading span.fancytree-expander {
+    background-image: none !important;
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+    margin-left: 5px;
+    margin-right: 8px;
+    margin-top: 4px;
+    margin-bottom: 2px;
+}
+
+.fancytree-loading span.fancytree-expander:after {
+    content: " ";
+    color: inherit !important;
+    display: block;
+    border-radius: 50%;
+    border-color: #000 transparent #000 transparent;
+    animation: lds-dual-ring 1.2s linear infinite;
+    width: 12px;
+    height: 12px;
+    margin-top: 4px;
+    margin-left: 1px;
+    border-width: 1px;
+    border-style: solid;
+}
+
+@keyframes lds-dual-ring {
+    0% {
+        transform: rotate(0deg);
+    }
+    100% {
+        transform: rotate(360deg);
+    }
+}
+
+ul.fancytree-container li {
+    contain: layout paint;
+}
+
 /* this is done to preserve correct indentation. Better solution would be preferable */
 .fancytree-node:not(.fancytree-folder) .fancytree-expander:before {
     color: var(--main-background-color); /* setting to background color makes this invisible */