css: Modified dialog widget "system" style title

baraverkstad · Dec 22, 2023 · 0ce554d · 0ce554d
1 parent a8dabdb
commit 0ce554d
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git a/src/plugin/system/files/app/start/ui.xml b/src/plugin/system/files/app/start/ui.xml
@@ -113,7 +113,7 @@
       </div>
     </Form>
   </Dialog>
-  <Dialog id="about" title="About RapidContext" modal="true" resizeable="false" class="about" style="width: 35rem;">
+  <Dialog id="about" title="About RapidContext" system="true" resizeable="false" class="about" style="width: 35rem;">
     <div class="header position-absolute top-0 left-0 right-0 py-3">
       <div class="center">
         <a href="https://www.rapidcontext.com/" target="_blank" class="logotype" style="margin-left: 3em;">

diff --git a/src/plugin/system/files/css/widget.css b/src/plugin/system/files/css/widget.css
@@ -99,6 +99,9 @@
     -webkit-user-select: none;
     user-select: none;
 }
+.widgetDialog.system > .widgetDialogTitle {
+    background: #06293a;
+}
 .widgetDialog.danger > .widgetDialogTitle {
     background: linear-gradient(to right, var(--danger-700), var(--danger-500));
 }

diff --git a/src/plugin/system/files/js/RapidContext_Widget_Dialog.js b/src/plugin/system/files/js/RapidContext_Widget_Dialog.js
@@ -211,6 +211,7 @@ RapidContext.Widget.Dialog.prototype.setAttrs = function (attrs) {
     }
     if ("system" in attrs) {
         attrs.system = RapidContext.Data.bool(attrs.system);
+        this.classList.toggle("system", attrs.system);
     }
     if ("center" in attrs) {
         attrs.center = RapidContext.Data.bool(attrs.center);