Drop the shared-baseline flex pin on .split cards; mismatched body lengths made Export / Danger look worse than the plain stack. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
+1
-1
@@ -13,7 +13,7 @@ Format follows [Keep a Changelog](https://keepachangelog.com/en/1.1.0/); version
|
|||||||
shared `st` badge. Trusted-IP help sits under the IP field; domain rate-limit
|
shared `st` badge. Trusted-IP help sits under the IP field; domain rate-limit
|
||||||
help sits above Save; Address mode / trusted-IP columns share muted leads and
|
help sits above Save; Address mode / trusted-IP columns share muted leads and
|
||||||
matched control height; Domain settings uses subgrid so DMARC and rate-limit
|
matched control height; Domain settings uses subgrid so DMARC and rate-limit
|
||||||
rows line up; paired `.split` cards pin primary actions to a shared baseline.
|
rows line up.
|
||||||
|
|
||||||
## [1.2.4] - 2026-08-12
|
## [1.2.4] - 2026-08-12
|
||||||
|
|
||||||
|
|||||||
@@ -551,22 +551,6 @@ meter { width: 5rem; height: 0.7rem; vertical-align: middle; margin-right: 0.4re
|
|||||||
the cell to shrink below the card's intrinsic minimum when the column is
|
the cell to shrink below the card's intrinsic minimum when the column is
|
||||||
tight. */
|
tight. */
|
||||||
.split > .card { margin-left: 0; margin-right: 0; min-width: 0; }
|
.split > .card { margin-left: 0; margin-right: 0; min-width: 0; }
|
||||||
/* Paired cards often differ in body length (export's encrypt checkbox vs
|
|
||||||
danger's short blurb). Stretch both in the grid row and pin the primary
|
|
||||||
action to the bottom so the buttons share a baseline. */
|
|
||||||
.split > .card {
|
|
||||||
display: flex; flex-direction: column;
|
|
||||||
}
|
|
||||||
.split > .card > form {
|
|
||||||
display: flex; flex-direction: column; flex: 1 1 auto;
|
|
||||||
}
|
|
||||||
.split > .card > form > button[type="submit"]:last-child {
|
|
||||||
margin-top: auto;
|
|
||||||
}
|
|
||||||
.split > .card > a.danger:last-child,
|
|
||||||
.split > .card > a.btn:last-child {
|
|
||||||
margin-top: auto; align-self: flex-start;
|
|
||||||
}
|
|
||||||
/* The gap already spaces the cards inside the grid; the general .card + .card
|
/* The gap already spaces the cards inside the grid; the general .card + .card
|
||||||
rule would add a second gap's worth on top of it, and only to the second
|
rule would add a second gap's worth on top of it, and only to the second
|
||||||
card, which in one column reads as an uneven stack. The blocks around the
|
card, which in one column reads as an uneven stack. The blocks around the
|
||||||
|
|||||||
Reference in New Issue
Block a user