Fix input `line-height` cutting off `g` (#25334)

Fix the incomplete display of input text
Before:

![image](https://github.com/go-gitea/gitea/assets/89133723/6bd8ca29-a096-46a8-bd23-fb833f45186f)

![image](https://github.com/go-gitea/gitea/assets/89133723/27e51e62-7150-45cd-8606-09317d462d70)
After:

![image](https://github.com/go-gitea/gitea/assets/89133723/8d0db5d3-d768-42b4-9a75-0b8816f0a299)

![image](https://github.com/go-gitea/gitea/assets/89133723/4193adc9-b635-4ed6-8e11-715ec5150563)

---------

Co-authored-by: silverwind <me@silverwind.io>
Co-authored-by: Giteabot <teabot@gitea.io>
pull/25512/head^2
hiifong 1 year ago committed by GitHub
parent c71e8abbc3
commit 1069472c0c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 5
      web_src/css/base.css

@ -471,6 +471,11 @@ a.label,
padding-top: 15px !important; padding-top: 15px !important;
} }
/* fix Fomantic's line-height cutting off "g" on Windows Chrome with Segoe UI */
.ui.input > input {
line-height: 1.3;
}
.ui.input.focus > input, .ui.input.focus > input,
.ui.input > input:focus { .ui.input > input:focus {
border-color: var(--color-primary); border-color: var(--color-primary);

Loading…
Cancel
Save