From 2361f236079d8f1e1d3c9554fe4ace24aa3ef9a9 Mon Sep 17 00:00:00 2001 From: librelad Date: Fri, 22 May 2026 13:26:21 +0100 Subject: [PATCH] feat(config): add divider above the advanced container MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Emit a config-divider before the Danger Zone / "Show Advanced Options" container in the shared renderer, so a line separates the regular fields from the advanced toggle — mirroring the dividers above Save/Reset and inside #advanced-sections. Applies to every config category. Co-Authored-By: Claude Opus 4.7 Signed-off-by: librelad --- containers/libreportal/frontend/css/config.css | 6 +++--- .../frontend/js/components/config/config-utils.js | 4 ++++ 2 files changed, 7 insertions(+), 3 deletions(-) diff --git a/containers/libreportal/frontend/css/config.css b/containers/libreportal/frontend/css/config.css index ea1031f..4eadfab 100644 --- a/containers/libreportal/frontend/css/config.css +++ b/containers/libreportal/frontend/css/config.css @@ -344,9 +344,9 @@ } /* Thin horizontal rule that separates the config form's sections — one sits - above the Save/Reset buttons, and one at the top of #advanced-sections so a - line appears between the "Show Advanced Options" toggle and the advanced - fields only when they're revealed. */ + above the advanced/danger-zone container, one above the Save/Reset buttons, + and one at the top of #advanced-sections so a line appears between the "Show + Advanced Options" toggle and the advanced fields only when they're revealed. */ .config-divider { height: 0; border: none; diff --git a/containers/libreportal/frontend/js/components/config/config-utils.js b/containers/libreportal/frontend/js/components/config/config-utils.js index b0943d5..f897b0d 100755 --- a/containers/libreportal/frontend/js/components/config/config-utils.js +++ b/containers/libreportal/frontend/js/components/config/config-utils.js @@ -44,6 +44,10 @@ class ConfigUtils { async renderSectionedContent(formHTML, advancedSubcategories, unusedSubcategories, self, category, configData) { // Add danger zone toggle controls if needed if (advancedSubcategories.length > 0 || unusedSubcategories.length > 0) { + // Divider above the advanced/danger-zone container, mirroring the one + // above the Save/Reset buttons — separates the regular fields from the + // "Show Advanced Options" toggle. + formHTML += '
'; formHTML += this.generateToggleControls(advancedSubcategories.length > 0, unusedSubcategories.length > 0); }