AskaEth/Hearth
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: fixed media title height to avoid layout jump on lyrics change

Browse Source
This commit is contained in:
AskaEth
2026-08-16 21:13:06 +08:00
parent 37979119b7
commit 729b4ba302
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/src/main/assets/h5/css/app.css
+6 -2
View File
@@ -257,12 +257,16 @@ body {
overflow: hidden; overflow: hidden;
} }
/* 标题：自动换行（歌词/长标题），最多 3 行省略 */ /* 标题：自动换行（歌词/长标题），最多 3 行省略；
/* Title: wraps automatically (lyrics / long titles), max 3 lines with ellipsis */ 固定 3 行高度避免歌词长短变化导致下方进度条/按钮上下跳动 */
/* Title: wraps automatically (lyrics / long titles), max 3 lines with ellipsis;
fixed 3-line height so the progress/controls below don't jump as lyrics change */
.media-card .tt { .media-card .tt {
margin-top: 6px; margin-top: 6px;
font-size: 18px; font-size: 18px;
font-weight: 600; font-weight: 600;
line-height: 1.3;
min-height: 3.9em;
white-space: normal; white-space: normal;
word-break: break-word; word-break: break-word;
display: -webkit-box; display: -webkit-box;