Merge pull request #207 from agileware-jp/fix-92797-loading-ui

FIX 92797 ローディング中に表示されるUIのデザインがRedmine標準テーマのままなので、Lycheeテーマベーシックのスタイルに合わせる

src/sass/components/dialog.scss

@@ -84,4 +84,21 @@
   div.modal #users_for_watcher label .gravatar {
     @apply mr-1
   }
+
+
+  // Ajax indicator(ロード中に表示されるダイアログ)
+  html>body #ajax-indicator { position: fixed; }
+
+  #ajax-indicator {
+    @apply absolute top-[35%] left-[40%] w-[20%] bg-background-secondary border border-border-default font-bold text-center p-2 z-[100] rounded-md shadow-lg opacity-80
+  }
+
+  #ajax-indicator span {
+    background-position: 0% 40%;
+    background-repeat: no-repeat;
+    background-image: url(images/spinner_default.gif);
+    background-size: 16px;
+    padding-left: 26px;
+    vertical-align: bottom;
+  }
 }

src/sass/redmine_default.css

@@ -762,31 +762,6 @@ div.flash.warning, .conflict {
 
 .conflict-details {font-size:80%;}
 
-/***** Ajax indicator ******/
-#ajax-indicator {
-position: absolute; /* fixed not supported by IE */
-background-color:#eee;
-border: 1px solid #bbb;
-top:35%;
-left:40%;
-width:20%;
-font-weight:bold;
-text-align:center;
-padding:0.6em;
-z-index:100;
-opacity: 0.5;
-}
-
-html>body #ajax-indicator { position: fixed; }
-
-#ajax-indicator span {
-background-position: 0% 40%;
-background-repeat: no-repeat;
-background-image: url(../../../images/loading.gif);
-padding-left: 26px;
-vertical-align: bottom;
-}
-
 /***** Tooltips ******/
 .tooltip{position:relative;z-index:24;}
 .tooltip:hover{z-index:25;color:#000;}