Move styles alongside code

ome · Mar 18, 2024 · 4e90bca · 4e90bca
1 parent 793cdfc
commit 4e90bca
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 10 deletions.
diff --git a/omeroweb/webclient/static/webclient/javascript/ome.progress_overlay.js b/omeroweb/webclient/static/webclient/javascript/ome.progress_overlay.js
@@ -25,3 +25,22 @@ OME.progress_overlay = function (promise, message) {
   promise.finally(() => dialog.dialog('destroy').remove());
   return dialog;
 };
+
+// add styles
+(function () {
+  'use strict';
+  const styleSheet = document.createElement("style");
+  styleSheet.innerText = `
+    .ome-modal-progress button {
+        display: none;
+    }
+    
+    .ome-modal-progress .ui-dialog-content {
+        justify-content: center;
+        align-items: center;
+        font-size: larger;
+        display: flex;
+    }
+  `;
+  document.head.appendChild(styleSheet);
+})();
diff --git a/omeroweb/webclient/templates/webclient/annotations/metadata_preview.html b/omeroweb/webclient/templates/webclient/annotations/metadata_preview.html
@@ -87,16 +87,6 @@
       .line {
         fill: none;
       }
-
-      .ome-modal-progress button {
-          display: none;
-      }
-      .ome-modal-progress .ui-dialog-content {
-          justify-content: center;
-          align-items: center;
-          font-size: larger;
-          display: flex;
-      }
     </style>