panel-redesign: Sign out takes the menu's hover tint

Follows the design: commit before it. panel.css gains the same four rules theme.css did (TestPanelCSSIsTheMockupStylesheet holds them equal): the form stretches the button across the user menu and the button is handed Bulma's hover / focus / active variables. layout.html already had the form; only its comment changes. Checked in the browser on the kit page at 1440: Sign out is as wide as Account and Help (147 px, 36 px tall), shows the pointer cursor, and is tinted under the pointer like they are. go test ./internal/web/... ok github.com/mixeme/selfpost/internal/web ok github.com/mixeme/selfpost/internal/web/auth ok github.com/mixeme/selfpost/internal/web/handlers ok github.com/mixeme/selfpost/internal/web/validate ok github.com/mixeme/selfpost/internal/web/view Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-09 18:13:24 +03:00
parent 5be1504cfc
commit 53c83f690c
3 changed files with 14 additions and 3 deletions
@@ -127,9 +127,9 @@
            {{/* Signing out is a POST (the handler answers nothing else), so it
                 stays a form that works without scripts. The submit button
                 carries navbar-item: Bulma resets a button to plain text, so
-                 it takes the dropdown's entry styling like the links around it
-                 (only Bulma's hover tint, which it gives to a.navbar-item
-                 alone, is missing). */}}
+                 it takes the dropdown's entry styling like the links around
+                 it, and panel.css hands it the hover tint Bulma gives to
+                 a.navbar-item alone. */}}
            <form method="post" action="/logout"><button type="submit" class="navbar-item"><i class="ti ti-logout"></i>Sign out</button></form>
          </div>
        </div>