label-tag: a tag beside a label takes the label's line height

The owner's phone, 2026-10-17: "Маленький зазор над полем почты"; design
the commit before this one. panel.css takes the two rules theme.css gained
(TestPanelCSSIsTheMockupStylesheet holds them equal): a tag in a field's
label or a fact's dt has no padding of its own and line-height 1.5, so the
line keeps the label's height. CHANGELOG [Unreleased] § Fixed.

go vet + go test (26 packages) and make e2e on the test server for this
tree.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
mix
2026-10-17 14:02:51 +03:00
co-authored by Claude Opus 5.5
parent 1fe90c40f8
commit 25813316b3
2 changed files with 12 additions and 0 deletions
+6
View File
@@ -5,6 +5,12 @@ Format follows [Keep a Changelog](https://keepachangelog.com/en/1.1.0/); version
## [Unreleased]
### Fixed
- **A tag beside a label no longer squeezes the field under it**: the
e-mail's "not confirmed" on Account made its label taller and left less
room above the field than Username has (the owner's phone).
## [2.14.2] - 2026-10-17
The last small items of the day. No migration; schema 13.
+6
View File
@@ -281,6 +281,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; }