修复系统消息/我的收藏页"加载更多"按钮文字下沉被裁切的问题
.system-notification-load-more/.library-load-more 只覆盖了全局button的字号和内边距,没覆盖
line-height,实测继承的全局button{line-height:2.2rem}比这两个按钮自己的行高需求高出一大截,
把文字挤到框内偏下的位置,底部还被裁切掉约2px(用getBoundingClientRect量出文字整体比按钮
边框低9.9px)。改用flex居中+height:auto,不再依赖固定line-height撑出的位置。
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Sonnet 5
parent
f0091fb146
commit
4ce666042e
+8
-2
@@ -7680,8 +7680,11 @@ div.toast.show {
|
||||
}
|
||||
|
||||
.system-notification-load-more {
|
||||
display: block;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
margin: 0;
|
||||
padding: 0.7rem;
|
||||
border: 1px solid #eceef1;
|
||||
@@ -11018,8 +11021,11 @@ div.toast.show {
|
||||
}
|
||||
|
||||
.library-load-more {
|
||||
display: block;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: min(100%, 52rem);
|
||||
height: auto;
|
||||
margin: 0 auto;
|
||||
padding: 0.8rem;
|
||||
border: 1px solid #eceef1;
|
||||
|
||||
Reference in New Issue
Block a user