From 19b865108c26cf18c26697fee080844de94fb522 Mon Sep 17 00:00:00 2001
From: erdgeist <erdgeist@erdgeist.org>
Date: Fri, 14 Aug 2026 01:22:11 +0200
Subject: Scope admin form conventions with a class

.admin_layout replaces the #admin_layout. All css rules and
javascript queries were changed along and rules simplified
where the opportunity arose.
---
 public/javascripts/admin_interface.js |  8 +++---
 public/stylesheets/admin.css          | 53 ++++++++---------------------------
 2 files changed, 15 insertions(+), 46 deletions(-)

(limited to 'public')

diff --git a/public/javascripts/admin_interface.js b/public/javascripts/admin_interface.js
index 67bfb8fc..cbfa4dc6 100644
--- a/public/javascripts/admin_interface.js
+++ b/public/javascripts/admin_interface.js
@@ -220,7 +220,7 @@ cccms = {
           error: function(xhr) {
             if (xhr.status === 423) {
               clearInterval(cccms.autosave_timer);
-              cccms.report_lock_lost($("#admin_layout > form").attr("data-show-url"));
+              cccms.report_lock_lost($(".admin_layout > form").attr("data-show-url"));
             }
             // any other failure: quietly retried on the next tick
           }
@@ -230,7 +230,7 @@ cccms = {
     };
 
     cccms.autosave_timer = setInterval(function() {
-      $("#admin_layout > form").submitWithAjax();
+      $(".admin_layout > form").submitWithAjax();
     }, 7000);
   },
 
@@ -264,7 +264,7 @@ cccms = {
       });
 
       $force.on('click', function() {
-        $("#admin_layout > form").submitWithAjax({ force: true });
+        $(".admin_layout > form").submitWithAjax({ force: true });
       });
     },
 
@@ -316,7 +316,7 @@ cccms = {
       cccms.inline_images.ensure_overlay();
       cccms.inline_images.editor = editor;
 
-      var showUrl = $("#admin_layout > form").attr("data-show-url") || "";
+      var showUrl = $(".admin_layout > form").attr("data-show-url") || "";
       var match = showUrl.match(/(\d+)$/);
       cccms.inline_images.node_id = match ? match[1] : "";
 
diff --git a/public/stylesheets/admin.css b/public/stylesheets/admin.css
index 1d504464..dbeb3dd1 100644
--- a/public/stylesheets/admin.css
+++ b/public/stylesheets/admin.css
@@ -1454,17 +1454,10 @@ form.button_to svg  {
   #metadata_details[open] > summary { display: none; }
 }
 
-input[type=text]#tag_list,
-input[type=text]#page_slug,
-input#move_to_search_term {
-  padding: 5px;
-}
-
-div#admin_layout {
+.admin_layout {
   margin-top: 0;
 }
 
-#admin_layout a.action_button,
 .action_button {
   display: inline-flex;
   align-items: center;
@@ -1482,15 +1475,16 @@ div#admin_layout {
   font-size: inherit;
 }
 
-#admin_layout a.action_button:hover,
 .action_button:hover {
   color: var(--surface);
   background-color: var(--text);
 }
 
-#admin_layout input[type=text],
-#admin_layout input[type=password],
-#admin_layout textarea {
+.admin_layout input[type=text],
+.admin_layout input[type=password],
+.admin_layout textarea {
+  box-sizing: border-box;
+  width: 100%;
   padding: 5px;
 }
 
@@ -1498,50 +1492,25 @@ input#tag_list {
   text-transform: lowercase;
 }
 
-#admin_layout input[type=text],
-#admin_layout input[type=password],
-#admin_layout textarea {
-  box-sizing: border-box;
-  width: 100%;
-}
-
-input[type=text]#page_title {
-  box-sizing: border-box;
-  width: 100%;
+.admin_layout input[type=text]#page_title {
   padding: 6px 5px 4px;
   font-weight: bold;
 }
 
-#admin_layout textarea#page_abstract {
-  width: 100%;
-  box-sizing: border-box;
+.admin_layout textarea#page_abstract {
   height: 8rem;
 }
 
-#admin_layout textarea#page_body {
-  box-sizing: border-box;
-  width: 100%;
+.admin_layout textarea#page_body {
   height: 60vh;
 }
 
-input#tag_list,
-input#page_slug,
-input#move_to_search_term {
-  box-sizing: border-box;
-  width: 100%;
-}
-
-input#menu_search_term,
-input#menu_item_node_id,
-input#menu_item_path,
-input#menu_item_title {
-  width: 100%;
+.admin_layout .menu_field {
   max-width: 44rem;
 }
 
 @media(min-width:1016px) {
-  #admin_layout textarea#page_abstract {
-    padding: 5px;
+  .admin_layout textarea#page_abstract {
     height: 250px;
   }
 }
-- 
cgit v1.3