ilia/sdetProfile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix mobile text overflow — hero subtitle, hint, summary stripe wrapping

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Builder 2026-05-12 16:33:22 -04:00
parent fb50e159ef
commit d4c78fd273
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
css/app.css
View File

@ -840,12 +840,13 @@ body {
.editor-bar__right { padding: 0 6px; gap: 6px; } .editor-bar__right { padding: 0 6px; gap: 6px; }
.status-pill { padding: 0 8px; gap: 6px; } .status-pill { padding: 0 8px; gap: 6px; }
.status-counts { padding-left: 6px; gap: 6px; } .status-counts { padding-left: 6px; gap: 6px; }
.summary-stripe { padding: 6px 16px; font-size: 10.5px; } .summary-stripe { padding: 6px 16px; font-size: 10.5px; flex-wrap: wrap; }
.hero { padding: 22px 18px 14px; } .hero { padding: 22px 18px 14px; }
.hero__title { font-size: 32px; } .hero__title { font-size: 32px; }
.hero__sub { font-size: 12px; word-break: break-word; } .hero__sub { font-size: 12px; word-break: break-word; white-space: normal; }
.hero__hint { font-size: 12.5px; } .hero__sub .mono { display: block; margin-top: 4px; }
.hero__hint { font-size: 12.5px; white-space: normal; word-break: break-word; }
.hero--slim { padding: 14px 18px 10px; } .hero--slim { padding: 14px 18px 10px; }
.hero--slim .hero__title { font-size: 20px; } .hero--slim .hero__title { font-size: 20px; }
@ -900,9 +901,10 @@ body {
/* Phone */ /* Phone */
@media (max-width: 480px) { @media (max-width: 480px) {
.hero { padding: 18px 14px 12px; }
.hero__title { font-size: 26px; } .hero__title { font-size: 26px; }
.hero__sub { font-size: 11px; } .hero__sub { font-size: 11px; }
.hero__hint { font-size: 11.5px; } .hero__hint { font-size: 11px; }
.hero--slim .hero__title { font-size: 18px; } .hero--slim .hero__title { font-size: 18px; }
.trace-row, .trace-axis { grid-template-columns: 80px 1fr 44px; font-size: 10px; } .trace-row, .trace-axis { grid-template-columns: 80px 1fr 44px; font-size: 10px; }