From 2b4a15842390e046df79aa57d532825577e3f7ba Mon Sep 17 00:00:00 2001 From: Mix Date: Fri, 9 Oct 2026 23:33:25 +0300 Subject: [PATCH] design: sign-in before any administrator exists is a drawn screen The owner asked for the state to be drawn (2026-10-09) instead of the form.sp-form without action or controls that ef8a82e used to get the column centred. - panel/src/login-no-admin.html: the signed-out screen with a div.sp-form in place of the form - host kicker, the heading No administrator yet, one muted line pointing at the one-time setup link. No new class: div.sp-form is on the components page already. - theme.css: the signed-out column is sized through .sp-form (.sp-signin-form .sp-form), not through the form element, so the column does not need a form to be centred. Same declarations. - index.html: the screen is on the map; thirty-four screens. check.py: 0 violations; outlines.json unchanged (bare screens have no outline). Co-Authored-By: Claude Opus 5.5 --- docs/assets/panel-redesign/index.html | 4 +-- .../panel-redesign/panel/login-no-admin.html | 31 +++++++++++++++++++ .../panel/src/login-no-admin.html | 17 ++++++++++ docs/assets/panel-redesign/panel/theme.css | 2 +- 4 files changed, 51 insertions(+), 3 deletions(-) create mode 100644 docs/assets/panel-redesign/panel/login-no-admin.html create mode 100644 docs/assets/panel-redesign/panel/src/login-no-admin.html diff --git a/docs/assets/panel-redesign/index.html b/docs/assets/panel-redesign/index.html index 2e4d2d5..c5371b8 100644 --- a/docs/assets/panel-redesign/index.html +++ b/docs/assets/panel-redesign/index.html @@ -13,7 +13,7 @@

The accepted direction, every screen

Direction C (Bulma) was picked as the base: the important things in view, details one or two clicks away. It takes the postal signature of A — the postmark verdict, numbered mono section - heads, the stamp's perforated paper edge under a brick bar that carries the wordmark — and the icons of B. Thirty-three screens and a components page live in + heads, the stamp's perforated paper edge under a brick bar that carries the wordmark — and the icons of B. Thirty-four screens and a components page live in panel/. Serve this folder from the repository root: the pages load the panel's own fonts and mark by relative path.

@@ -21,7 +21,7 @@
- +
Signed outSign in · Create administrator
Signed outSign in · sign in before an administrator exists · Create administrator
OverviewOverview — postmark verdict, six health cards, both domain lists
OutboundDomains · domain · domain settings · application form · diff --git a/docs/assets/panel-redesign/panel/login-no-admin.html b/docs/assets/panel-redesign/panel/login-no-admin.html new file mode 100644 index 0000000..f4e70e9 --- /dev/null +++ b/docs/assets/panel-redesign/panel/login-no-admin.html @@ -0,0 +1,31 @@ + + + + + +Sign in · SelfPost + + + + + + + + + + diff --git a/docs/assets/panel-redesign/panel/src/login-no-admin.html b/docs/assets/panel-redesign/panel/src/login-no-admin.html new file mode 100644 index 0000000..410e502 --- /dev/null +++ b/docs/assets/panel-redesign/panel/src/login-no-admin.html @@ -0,0 +1,17 @@ + + diff --git a/docs/assets/panel-redesign/panel/theme.css b/docs/assets/panel-redesign/panel/theme.css index 77841ed..b07b489 100644 --- a/docs/assets/panel-redesign/panel/theme.css +++ b/docs/assets/panel-redesign/panel/theme.css @@ -249,7 +249,7 @@ code { background: var(--sp-well); color: var(--sp-ink); border-radius: 3px; pad .sp-signin-brand img { width: 20rem; max-width: 100%; height: auto; } .sp-signin-brand p { font-family: var(--sp-mono); letter-spacing: .18em; font-size: var(--sp-fs-xs); color: var(--sp-on-brick); margin-top: 1.6rem; } .sp-signin-form { display: flex; flex-direction: column; justify-content: center; padding: 3rem; } -.sp-signin-form form { width: 22rem; max-width: 100%; margin-inline: auto; } +.sp-signin-form .sp-form { width: 22rem; max-width: 100%; margin-inline: auto; } .sp-foot { color: var(--sp-muted); font-size: var(--sp-fs-s); padding-block: 1.5rem 0; } .sp-foot a { color: inherit; text-decoration: underline; } .sp-signin-form .sp-foot { text-align: center; margin-top: 2.5rem; }