fix: center text vertically in Compact and Large
The size modes scale rem line heights to fractions (1.25rem = 22.857px in Large), and pixel rounding moved text up to 1.2px off center. Type scale line heights and the header's 3rem now round to whole px (no change in Normal). Segmented buttons, Reset to default and the project select drop core's vertical padding, which made the line overflow and sink. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
@@ -56,7 +56,7 @@ body.has-main-menu #header { padding-block-end: 48px; }
|
||||
|
||||
#header h1 {
|
||||
font: var(--md-sys-typescale-title-large);
|
||||
min-block-size: 3rem;
|
||||
min-block-size: round(3rem, 1px); /* whole px, so the header controls do not sit between pixels */
|
||||
}
|
||||
#header h1 .breadcrumbs {
|
||||
font: var(--md-sys-typescale-label-medium);
|
||||
@@ -65,7 +65,7 @@ body.has-main-menu #header { padding-block-end: 48px; }
|
||||
}
|
||||
#header h1 .breadcrumbs a { color: var(--md-sys-color-on-surface-variant); }
|
||||
|
||||
#quick-search { min-block-size: 3rem; color: var(--md-sys-color-on-surface-variant); }
|
||||
#quick-search { min-block-size: round(3rem, 1px); color: var(--md-sys-color-on-surface-variant); }
|
||||
#quick-search #q {
|
||||
inline-size: 220px;
|
||||
block-size: calc(40px + var(--nm-density));
|
||||
@@ -82,6 +82,7 @@ body.has-main-menu #header { padding-block-end: 48px; }
|
||||
#project-jump.drdn { margin-inline-start: 8px; }
|
||||
#project-jump .drdn-trigger {
|
||||
block-size: calc(40px + var(--nm-density));
|
||||
padding-block: 0; /* core's 1.5px / 3px pushed the text down */
|
||||
padding-inline: 16px 36px;
|
||||
border: 1px solid var(--md-sys-color-outline-variant);
|
||||
border-radius: var(--md-sys-shape-corner-full);
|
||||
|
||||
Reference in New Issue
Block a user