From 575ed79b405b8c56da0640a6c5a801d7bc862ac9 Mon Sep 17 00:00:00 2001 From: maliming Date: Tue, 12 May 2026 14:34:04 +0800 Subject: [PATCH] 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. --- .../Volo.Abp.MudBlazorUI/wwwroot/volo.abp.mudblazorui.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/framework/src/Volo.Abp.MudBlazorUI/wwwroot/volo.abp.mudblazorui.css b/framework/src/Volo.Abp.MudBlazorUI/wwwroot/volo.abp.mudblazorui.css index c265fd5830..ff68f89c0f 100644 --- a/framework/src/Volo.Abp.MudBlazorUI/wwwroot/volo.abp.mudblazorui.css +++ b/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; +} +