From 1fe90c40f8ab128057d13e1c1e62490b3403ea93 Mon Sep 17 00:00:00 2001 From: Mix Date: Sat, 17 Oct 2026 13:49:00 +0300 Subject: [PATCH] design: label-tag - a tag beside a label is no taller than its line MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The owner's phone, 2026-10-17: "Маленький зазор над полем почты" - on Account the e-mail's "not confirmed" tag made its label's line taller (Bulma's tag is 2em high, 26 px against the label's 21), leaving less room under it than under Username. A tag beside a label's text - a field's label or a fact's - now takes the text's line height; measured on the mockup at 412 px, both labels leave the same room above their field. Co-Authored-By: Claude Opus 5.5 --- docs/assets/panel-redesign/panel/theme.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/docs/assets/panel-redesign/panel/theme.css b/docs/assets/panel-redesign/panel/theme.css index 62fc20e..a1332fa 100644 --- a/docs/assets/panel-redesign/panel/theme.css +++ b/docs/assets/panel-redesign/panel/theme.css @@ -224,6 +224,12 @@ code { background: var(--sp-well); color: var(--sp-ink); border-radius: 3px; pad /* A label may carry a tag, the verdict on its value (the certificate's names against the hostname); it keeps the tag's own type. */ .sp-facts dt .tag { margin-left: .4rem; text-transform: none; letter-spacing: 0; vertical-align: 1px; } +/* A tag beside a label's text (a field's or a fact's) is no taller than the + text's line: Bulma's tag is 2em high, which made the line taller and left + less room under the label than under one without a tag (an e-mail's + "not confirmed" on Account, the owner's phone, 2026-10-17). */ +.label .tag, .sp-facts dt .tag { height: auto; padding-top: 0; padding-bottom: 0; line-height: 1.5; } +.label .tag { margin-left: .25rem; vertical-align: 1px; } /* A fact that takes the whole row: a line a server wrote, read as one. */ .sp-facts .sp-wide { grid-column: 1 / -1; } .sp-facts dd.sp-big { font-size: 1.5rem; font-weight: 600; line-height: 1.2; }