fix: 消息中心收件箱副文案单行省略,不换行撑破对齐 (PMC-row19/UI-row2)
.msg-brief 从 -webkit-line-clamp:2 改为 1 + word-break:break-all: 长文案超出一行即省略号截断,修复 UI 反馈「文字太长换行后与 UI 框错位」。 Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -219,10 +219,12 @@
|
|||||||
color: var(--black-alpha-56);
|
color: var(--black-alpha-56);
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
line-height: 1.55;
|
line-height: 1.55;
|
||||||
|
/* 收件箱副文案:超出一行即省略号截断,不换行撑破行高对齐(UI 反馈:文字太长换行后与 UI 框错位) */
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
-webkit-line-clamp: 2;
|
-webkit-line-clamp: 1;
|
||||||
-webkit-box-orient: vertical;
|
-webkit-box-orient: vertical;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
word-break: break-all;
|
||||||
}
|
}
|
||||||
.msg-item-foot {
|
.msg-item-foot {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
Reference in New Issue
Block a user