From 5be1504cfca624d5ebb46c5f71ea171f0beea2c0 Mon Sep 17 00:00:00 2001 From: Mix Date: Fri, 9 Oct 2026 18:10:45 +0300 Subject: [PATCH] design: Sign out is a POST form in the mockups, tinted like the links Owner's instruction (2026-10-09): in the kit Sign out had no hover tint and stood out among Account and Help. The cause was in the design, not in the implementation: the mockups drew Sign out as a link, the panel signs out with a POST, and Bulma tints only a.navbar-item. - build.py: Sign out is a form with a submit button carrying navbar-item, as the real shell has to write it; all pages rebuilt. - theme.css: the form stretches the button across the menu and the button is handed Bulma's own hover / focus / active variables, so it answers like the entries above it. No width, no colour of its own. check.py: 32 screens, 48 sp- classes, 0 violation(s); outlines.json unchanged. Co-Authored-By: Claude Opus 5.5 --- docs/assets/panel-redesign/panel/account.html | 2 +- docs/assets/panel-redesign/panel/backup.html | 2 +- docs/assets/panel-redesign/panel/build.py | 4 +++- docs/assets/panel-redesign/panel/components.html | 2 +- docs/assets/panel-redesign/panel/dmarc-domain.html | 2 +- docs/assets/panel-redesign/panel/dmarc-report.html | 2 +- docs/assets/panel-redesign/panel/dmarc.html | 2 +- docs/assets/panel-redesign/panel/health.html | 2 +- docs/assets/panel-redesign/panel/help.html | 2 +- docs/assets/panel-redesign/panel/in-domain-delete.html | 2 +- docs/assets/panel-redesign/panel/in-domain.html | 2 +- docs/assets/panel-redesign/panel/in-domains.html | 2 +- docs/assets/panel-redesign/panel/in-filter-lists.html | 2 +- docs/assets/panel-redesign/panel/in-log.html | 2 +- .../panel-redesign/panel/in-quarantine-message.html | 2 +- docs/assets/panel-redesign/panel/in-quarantine.html | 2 +- docs/assets/panel-redesign/panel/in-queue.html | 2 +- docs/assets/panel-redesign/panel/out-app-created.html | 2 +- docs/assets/panel-redesign/panel/out-app.html | 2 +- docs/assets/panel-redesign/panel/out-domain-delete.html | 2 +- docs/assets/panel-redesign/panel/out-domain-settings.html | 2 +- docs/assets/panel-redesign/panel/out-domain.html | 2 +- docs/assets/panel-redesign/panel/out-domains.html | 2 +- docs/assets/panel-redesign/panel/out-log.html | 2 +- docs/assets/panel-redesign/panel/out-message.html | 2 +- docs/assets/panel-redesign/panel/out-queue.html | 2 +- docs/assets/panel-redesign/panel/overview.html | 2 +- docs/assets/panel-redesign/panel/preflight.html | 2 +- docs/assets/panel-redesign/panel/settings.html | 2 +- docs/assets/panel-redesign/panel/system-log.html | 2 +- docs/assets/panel-redesign/panel/theme.css | 8 ++++++++ docs/assets/panel-redesign/panel/user-delete.html | 2 +- docs/assets/panel-redesign/panel/user.html | 2 +- docs/assets/panel-redesign/panel/users.html | 2 +- 34 files changed, 43 insertions(+), 33 deletions(-) diff --git a/docs/assets/panel-redesign/panel/account.html b/docs/assets/panel-redesign/panel/account.html index 60e6ab7..a77fdee 100644 --- a/docs/assets/panel-redesign/panel/account.html +++ b/docs/assets/panel-redesign/panel/account.html @@ -54,7 +54,7 @@ Account Help
- Sign out +
diff --git a/docs/assets/panel-redesign/panel/backup.html b/docs/assets/panel-redesign/panel/backup.html index 6ec49c9..003fb63 100644 --- a/docs/assets/panel-redesign/panel/backup.html +++ b/docs/assets/panel-redesign/panel/backup.html @@ -54,7 +54,7 @@ Account Help
- Sign out +
diff --git a/docs/assets/panel-redesign/panel/build.py b/docs/assets/panel-redesign/panel/build.py index f099787..ea9d392 100644 --- a/docs/assets/panel-redesign/panel/build.py +++ b/docs/assets/panel-redesign/panel/build.py @@ -81,7 +81,9 @@ def navbar(section, page): ' Account', ' Help', '
', - ' Sign out', + # Signing out changes state, so it is a POST: a form with a button, not a link. + '
', ' ', ' ', ' ', ' ', ' ', '', ''] return "\n".join(out) diff --git a/docs/assets/panel-redesign/panel/components.html b/docs/assets/panel-redesign/panel/components.html index cef72d9..2bae557 100644 --- a/docs/assets/panel-redesign/panel/components.html +++ b/docs/assets/panel-redesign/panel/components.html @@ -54,7 +54,7 @@ Account Help
- Sign out +
diff --git a/docs/assets/panel-redesign/panel/dmarc-domain.html b/docs/assets/panel-redesign/panel/dmarc-domain.html index 5d601ed..10f3a6a 100644 --- a/docs/assets/panel-redesign/panel/dmarc-domain.html +++ b/docs/assets/panel-redesign/panel/dmarc-domain.html @@ -54,7 +54,7 @@ Account Help
- Sign out +
diff --git a/docs/assets/panel-redesign/panel/dmarc-report.html b/docs/assets/panel-redesign/panel/dmarc-report.html index da54805..38ccbdd 100644 --- a/docs/assets/panel-redesign/panel/dmarc-report.html +++ b/docs/assets/panel-redesign/panel/dmarc-report.html @@ -54,7 +54,7 @@ Account Help
- Sign out +
diff --git a/docs/assets/panel-redesign/panel/dmarc.html b/docs/assets/panel-redesign/panel/dmarc.html index decc5fe..3393405 100644 --- a/docs/assets/panel-redesign/panel/dmarc.html +++ b/docs/assets/panel-redesign/panel/dmarc.html @@ -54,7 +54,7 @@ Account Help
- Sign out +
diff --git a/docs/assets/panel-redesign/panel/health.html b/docs/assets/panel-redesign/panel/health.html index 4db8d81..563002d 100644 --- a/docs/assets/panel-redesign/panel/health.html +++ b/docs/assets/panel-redesign/panel/health.html @@ -54,7 +54,7 @@ Account Help
- Sign out +
diff --git a/docs/assets/panel-redesign/panel/help.html b/docs/assets/panel-redesign/panel/help.html index 2c3d045..6caead2 100644 --- a/docs/assets/panel-redesign/panel/help.html +++ b/docs/assets/panel-redesign/panel/help.html @@ -54,7 +54,7 @@ Account Help
- Sign out +
diff --git a/docs/assets/panel-redesign/panel/in-domain-delete.html b/docs/assets/panel-redesign/panel/in-domain-delete.html index e1e544a..e7b5091 100644 --- a/docs/assets/panel-redesign/panel/in-domain-delete.html +++ b/docs/assets/panel-redesign/panel/in-domain-delete.html @@ -54,7 +54,7 @@ Account Help
- Sign out +
diff --git a/docs/assets/panel-redesign/panel/in-domain.html b/docs/assets/panel-redesign/panel/in-domain.html index 5177983..7936758 100644 --- a/docs/assets/panel-redesign/panel/in-domain.html +++ b/docs/assets/panel-redesign/panel/in-domain.html @@ -54,7 +54,7 @@ Account Help
- Sign out +
diff --git a/docs/assets/panel-redesign/panel/in-domains.html b/docs/assets/panel-redesign/panel/in-domains.html index 753983b..3bb0276 100644 --- a/docs/assets/panel-redesign/panel/in-domains.html +++ b/docs/assets/panel-redesign/panel/in-domains.html @@ -54,7 +54,7 @@ Account Help
- Sign out +
diff --git a/docs/assets/panel-redesign/panel/in-filter-lists.html b/docs/assets/panel-redesign/panel/in-filter-lists.html index de1a1dd..f7c74a7 100644 --- a/docs/assets/panel-redesign/panel/in-filter-lists.html +++ b/docs/assets/panel-redesign/panel/in-filter-lists.html @@ -54,7 +54,7 @@ Account Help
- Sign out +
diff --git a/docs/assets/panel-redesign/panel/in-log.html b/docs/assets/panel-redesign/panel/in-log.html index 89d532b..ea265b0 100644 --- a/docs/assets/panel-redesign/panel/in-log.html +++ b/docs/assets/panel-redesign/panel/in-log.html @@ -54,7 +54,7 @@ Account Help
- Sign out +
diff --git a/docs/assets/panel-redesign/panel/in-quarantine-message.html b/docs/assets/panel-redesign/panel/in-quarantine-message.html index 3afd458..55846f8 100644 --- a/docs/assets/panel-redesign/panel/in-quarantine-message.html +++ b/docs/assets/panel-redesign/panel/in-quarantine-message.html @@ -54,7 +54,7 @@ Account Help
- Sign out +
diff --git a/docs/assets/panel-redesign/panel/in-quarantine.html b/docs/assets/panel-redesign/panel/in-quarantine.html index f693374..7e0114e 100644 --- a/docs/assets/panel-redesign/panel/in-quarantine.html +++ b/docs/assets/panel-redesign/panel/in-quarantine.html @@ -54,7 +54,7 @@ Account Help
- Sign out +
diff --git a/docs/assets/panel-redesign/panel/in-queue.html b/docs/assets/panel-redesign/panel/in-queue.html index 09236bf..430c8c2 100644 --- a/docs/assets/panel-redesign/panel/in-queue.html +++ b/docs/assets/panel-redesign/panel/in-queue.html @@ -54,7 +54,7 @@ Account Help
- Sign out +
diff --git a/docs/assets/panel-redesign/panel/out-app-created.html b/docs/assets/panel-redesign/panel/out-app-created.html index 471291c..7cc1158 100644 --- a/docs/assets/panel-redesign/panel/out-app-created.html +++ b/docs/assets/panel-redesign/panel/out-app-created.html @@ -54,7 +54,7 @@ Account Help
- Sign out +
diff --git a/docs/assets/panel-redesign/panel/out-app.html b/docs/assets/panel-redesign/panel/out-app.html index 7f41848..8957b0c 100644 --- a/docs/assets/panel-redesign/panel/out-app.html +++ b/docs/assets/panel-redesign/panel/out-app.html @@ -54,7 +54,7 @@ Account Help
- Sign out +
diff --git a/docs/assets/panel-redesign/panel/out-domain-delete.html b/docs/assets/panel-redesign/panel/out-domain-delete.html index 3ad4f1e..9f6a0df 100644 --- a/docs/assets/panel-redesign/panel/out-domain-delete.html +++ b/docs/assets/panel-redesign/panel/out-domain-delete.html @@ -54,7 +54,7 @@ Account Help
- Sign out +
diff --git a/docs/assets/panel-redesign/panel/out-domain-settings.html b/docs/assets/panel-redesign/panel/out-domain-settings.html index 2ac6f50..b86c1a2 100644 --- a/docs/assets/panel-redesign/panel/out-domain-settings.html +++ b/docs/assets/panel-redesign/panel/out-domain-settings.html @@ -54,7 +54,7 @@ Account Help
- Sign out +
diff --git a/docs/assets/panel-redesign/panel/out-domain.html b/docs/assets/panel-redesign/panel/out-domain.html index 17f0d07..741f967 100644 --- a/docs/assets/panel-redesign/panel/out-domain.html +++ b/docs/assets/panel-redesign/panel/out-domain.html @@ -54,7 +54,7 @@ Account Help
- Sign out +
diff --git a/docs/assets/panel-redesign/panel/out-domains.html b/docs/assets/panel-redesign/panel/out-domains.html index b1f0e76..ed3b2b7 100644 --- a/docs/assets/panel-redesign/panel/out-domains.html +++ b/docs/assets/panel-redesign/panel/out-domains.html @@ -54,7 +54,7 @@ Account Help
- Sign out +
diff --git a/docs/assets/panel-redesign/panel/out-log.html b/docs/assets/panel-redesign/panel/out-log.html index 07089c5..c3182bd 100644 --- a/docs/assets/panel-redesign/panel/out-log.html +++ b/docs/assets/panel-redesign/panel/out-log.html @@ -54,7 +54,7 @@ Account Help
- Sign out +
diff --git a/docs/assets/panel-redesign/panel/out-message.html b/docs/assets/panel-redesign/panel/out-message.html index 95b3b06..2607ee8 100644 --- a/docs/assets/panel-redesign/panel/out-message.html +++ b/docs/assets/panel-redesign/panel/out-message.html @@ -54,7 +54,7 @@ Account Help
- Sign out +
diff --git a/docs/assets/panel-redesign/panel/out-queue.html b/docs/assets/panel-redesign/panel/out-queue.html index 95a1f73..762a2f2 100644 --- a/docs/assets/panel-redesign/panel/out-queue.html +++ b/docs/assets/panel-redesign/panel/out-queue.html @@ -54,7 +54,7 @@ Account Help
- Sign out +
diff --git a/docs/assets/panel-redesign/panel/overview.html b/docs/assets/panel-redesign/panel/overview.html index 6b73e25..c1fdad8 100644 --- a/docs/assets/panel-redesign/panel/overview.html +++ b/docs/assets/panel-redesign/panel/overview.html @@ -54,7 +54,7 @@ Account Help
- Sign out +
diff --git a/docs/assets/panel-redesign/panel/preflight.html b/docs/assets/panel-redesign/panel/preflight.html index 59aeb07..212b054 100644 --- a/docs/assets/panel-redesign/panel/preflight.html +++ b/docs/assets/panel-redesign/panel/preflight.html @@ -54,7 +54,7 @@ Account Help
- Sign out +
diff --git a/docs/assets/panel-redesign/panel/settings.html b/docs/assets/panel-redesign/panel/settings.html index 7ad85e4..1ed95f0 100644 --- a/docs/assets/panel-redesign/panel/settings.html +++ b/docs/assets/panel-redesign/panel/settings.html @@ -54,7 +54,7 @@ Account Help
- Sign out +
diff --git a/docs/assets/panel-redesign/panel/system-log.html b/docs/assets/panel-redesign/panel/system-log.html index c99f1c6..d24cf59 100644 --- a/docs/assets/panel-redesign/panel/system-log.html +++ b/docs/assets/panel-redesign/panel/system-log.html @@ -54,7 +54,7 @@ Account Help
- Sign out +
diff --git a/docs/assets/panel-redesign/panel/theme.css b/docs/assets/panel-redesign/panel/theme.css index 2e58ec3..77841ed 100644 --- a/docs/assets/panel-redesign/panel/theme.css +++ b/docs/assets/panel-redesign/panel/theme.css @@ -64,6 +64,14 @@ code { background: var(--sp-well); color: var(--sp-ink); border-radius: 3px; pad .navbar.is-primary .navbar-dropdown .navbar-item .ti { margin-right: .6rem; color: var(--sp-muted); } .navbar.is-primary .navbar-dropdown .navbar-item.is-active { color: var(--sp-brick); font-weight: 600; background: var(--sp-brick-tint); } .navbar.is-primary .navbar-dropdown .navbar-item.is-active .ti { color: var(--sp-brick); } +/* Sign out is a POST, so it is a form with a button rather than a link. Bulma + tints only a.navbar-item; the button is handed the same variables, and the + form stretches it across the menu, so it answers the pointer, the keyboard + and a press exactly like the entries above it. */ +.navbar-dropdown form { display: flex; } +.navbar-dropdown button.navbar-item { flex: 1; cursor: pointer; } +.navbar-dropdown button.navbar-item:hover, .navbar-dropdown button.navbar-item:focus { --bulma-navbar-item-background-l-delta: var(--bulma-navbar-item-hover-background-l-delta); } +.navbar-dropdown button.navbar-item:active { --bulma-navbar-item-background-l-delta: var(--bulma-navbar-item-active-background-l-delta); } .navbar.is-primary .sp-current > .navbar-link, .navbar.is-primary a.navbar-item.sp-current { background: rgb(0 0 0 / .18); } /* The header is built like the mark: a brick field, then the stamp's paper margin, and the perforation runs along the outer edge of that margin — round diff --git a/docs/assets/panel-redesign/panel/user-delete.html b/docs/assets/panel-redesign/panel/user-delete.html index 374acbc..c33e069 100644 --- a/docs/assets/panel-redesign/panel/user-delete.html +++ b/docs/assets/panel-redesign/panel/user-delete.html @@ -54,7 +54,7 @@ Account Help
- Sign out +
diff --git a/docs/assets/panel-redesign/panel/user.html b/docs/assets/panel-redesign/panel/user.html index 32b7e2a..84fc665 100644 --- a/docs/assets/panel-redesign/panel/user.html +++ b/docs/assets/panel-redesign/panel/user.html @@ -54,7 +54,7 @@ Account Help
- Sign out +
diff --git a/docs/assets/panel-redesign/panel/users.html b/docs/assets/panel-redesign/panel/users.html index a7959df..728e870 100644 --- a/docs/assets/panel-redesign/panel/users.html +++ b/docs/assets/panel-redesign/panel/users.html @@ -54,7 +54,7 @@ Account Help
- Sign out +