Browse Source

Increase input label line-height to fit descenders (g/p/q/y)

MudBlazor 9 defaults .mud-input-label-inputcontrol to line-height: 1.15rem, which is
smaller than a typical 16px character with descenders. Letters like g, p, q, y in the
floated label visually clipped under the input baseline. Bump to 1.4rem so descenders
have room without enlarging the overall control.
pull/25393/head
maliming 5 months ago
parent
commit
575ed79b40
No known key found for this signature in database GPG Key ID: A646B9CB645ECEA4
  1. 7
      framework/src/Volo.Abp.MudBlazorUI/wwwroot/volo.abp.mudblazorui.css

7
framework/src/Volo.Abp.MudBlazorUI/wwwroot/volo.abp.mudblazorui.css

@ -91,3 +91,10 @@
max-width: calc(100% - 40px);
}
/* Input label: increase line-height slightly so descenders (g, p, q, y) in the floated
label text are not clipped by the input baseline immediately below. */
.mud-input-control .mud-input-label-inputcontrol {
line-height: 1.4rem;
}

Loading…
Cancel
Save