From fbd4bc2ade29aa8f5a8a0e9c61322f14c79bd4cd Mon Sep 17 00:00:00 2001
From: morioka-hibiki <morioka@agileware.jp>
Date: Tue, 28 Jan 2025 13:20:37 +0900
Subject: [PATCH] =?UTF-8?q?=E3=83=AD=E3=83=BC=E3=83=89=E4=B8=AD=E3=81=AB?=
 =?UTF-8?q?=E8=A1=A8=E7=A4=BA=E3=81=95=E3=82=8C=E3=82=8B=E3=83=80=E3=82=A4?=
 =?UTF-8?q?=E3=82=A2=E3=83=AD=E3=82=B0=E3=81=8C=E5=8F=A4=E3=81=84=E3=82=B9?=
 =?UTF-8?q?=E3=82=BF=E3=82=A4=E3=83=AB=E3=81=A0=E3=81=A3=E3=81=9F=E5=95=8F?=
 =?UTF-8?q?=E9=A1=8C=E3=81=AB=E5=AF=BE=E5=BF=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/sass/components/dialog.scss | 17 +++++++++++++++++
 src/sass/redmine_default.css    | 25 -------------------------
 2 files changed, 17 insertions(+), 25 deletions(-)

diff --git a/src/sass/components/dialog.scss b/src/sass/components/dialog.scss
index 83fe773..0880e2b 100644
--- a/src/sass/components/dialog.scss
+++ b/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;
+  }
 }
\ No newline at end of file
diff --git a/src/sass/redmine_default.css b/src/sass/redmine_default.css
index a829b7b..1554a65 100644
--- a/src/sass/redmine_default.css
+++ b/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;}