vndangkhoa/open-design
1
0
Fork 0
mirror of https://github.com/nexu-io/open-design.git synced 2026-06-01 03:14:35 +07:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

fix(web): increase project meta line-height to prevent descender clipping (#834)

Browse source 
* fix(web): increase project meta line-height to prevent descender clipping

The project type label (e.g. 'blog-post · Neutral Modern') had its
descender characters (g, p, y) clipped by the header bottom border.
Increasing line-height from 12px to 15px gives 11.5px font enough
vertical space for lowercase descenders to render without being cut off.

* fix web: bump project meta line-height and parent max-height to fit descenders

.app-project-title .meta had line-height: 12px on font-size: 11.5px,
leaving only 0.5px of vertical breathing room. Descender glyphs (g, p,
q, y, j) extend below the baseline and were clipped by overflow: hidden.

Bump .meta line-height from 12px to 15px and .app-project-title
max-height from 31px to 32px so the full 16px + 1px gap + 15px = 32px
budget fits without clipping.

Refs: https://github.com/nexu-io/open-design/pull/834
This commit is contained in:
Jie Zhu 2026-05-08 10:57:01 +08:00 committed by GitHub
parent 56bf6ee1b6
commit 57d49ed798
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
apps/web/src/index.css
View file

@ -360,7 +360,7 @@ code {
flex-direction: column;
gap: 1px;
min-width: 0;
max-height: 31px;
max-height: 32px;
overflow: hidden;
}
.app-project-title .title {
@ -376,7 +376,7 @@ code {
.app-project-title .meta {
color: var(--text-muted);
font-size: 11.5px;
line-height: 12px;
line-height: 15px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;