From 9179818262293cde49ca55490662f22f157a422a Mon Sep 17 00:00:00 2001 From: mixeme Date: Fri, 7 Aug 2026 22:23:28 +0300 Subject: [PATCH] fix(panel): open an application's panels under its row of controls Mode and rate limit were
, so each opened where its own toggle sat and split the row of four controls in two, pushing New password and Delete below a block of fields. The toggle is now a hidden checkbox with its label drawn as the button and the panel is the last child of the row, so the controls keep their places and the fields are laid out beneath all of them. Pure CSS, so it still works with JavaScript blocked, as the disclosure did. The panel buttons take back the form spacing the compact row style zeroes out, and Save limit and Remove limit share one row: two posts mean two forms, so the first button is bound to its form by the form attribute instead of sitting inside it. Co-Authored-By: Claude Sonnet 5 --- CHANGELOG.md | 13 +++++ internal/web/static/panel.css | 51 +++++++++++++++---- internal/web/templates/domain_detail.html | 61 ++++++++++++++--------- 3 files changed, 91 insertions(+), 34 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index dc3ea45..0c0365b 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -45,6 +45,19 @@ Format follows [Keep a Changelog](https://keepachangelog.com/en/1.1.0/); version wrapping rows it used to be — no drawer and no hamburger, since six entries fit. The markup now lists the blocks in the order they are drawn, so the tab order follows the eye instead of starting at Sign out. +- An application's mode and rate-limit fields open under its row of controls + instead of inside it. Both panels were `
`, so each opened where its + own toggle sat and cut the row of four in half, pushing New password and + Delete below a block of fields — the buttons moved every time a panel was + opened or closed. The toggle is now a hidden checkbox with its label drawn as + the button, and the panel is the last child of the row, so the four controls + keep their places and what a panel reveals is laid out beneath all of them. + It stays keyboard-reachable and, being pure CSS, still works with JavaScript + blocked, as the disclosure did. Inside a panel the submit buttons take the + ordinary form spacing back from the compact row style that was leaving them + flush against the field above, and Save limit and Remove limit — two posts, + hence two forms — share one row, the first button bound to its form by the + `form` attribute rather than by sitting inside it. ## [0.5.0] - 2026-08-06 diff --git a/internal/web/static/panel.css b/internal/web/static/panel.css index f7fb58c..4555de9 100644 --- a/internal/web/static/panel.css +++ b/internal/web/static/panel.css @@ -82,7 +82,7 @@ input { button: a + +
+ +
+
-
- {{if .HasLimit}} -
- - -
- {{end}} -
-
- -
-
- -
+ +
+ + {{if .HasLimit}} +
+ + +
+ {{end}} +
+ {{end}}