修复群资料页头像被拉伸变形,成员数改为跟列表一致的可点击行
- .group-profile > button > span 漏排除 .group-avatar,把只该用于文字标签列对齐的 min-width:6rem 也套到了头像 span 上,头像被横向拉伸成80px宽的长方形而不是正方形 - 底部"N位成员"原来是一个孤立的灰底纯文本 <p>,样式和上面的列表格格不入;改成与其它 行一致的可点击行,点击跳转真实的群成员列表页(复用群聊设置页已验证过的同一个跳转) Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Sonnet 5
parent
dfb7ab53a5
commit
bd1d6ff0b0
+5
-7
@@ -10335,7 +10335,11 @@ div.toast.show {
|
||||
gap: 0.7rem;
|
||||
}
|
||||
|
||||
.group-profile > button > span,
|
||||
/* :not(.group-avatar) exclusion needed for the same reason as .group-settings-header's own
|
||||
(see its comment): this selector is scoped only by tag+ancestor, so without it also matches
|
||||
.group-profile-avatar's leading Avatar span and forces it to the label column's 6rem min-width
|
||||
-- stretching what should be a small square avatar into an 80px-wide rectangle. */
|
||||
.group-profile > button > span:not(.group-avatar),
|
||||
.group-profile > label > span {
|
||||
min-width: 6rem;
|
||||
}
|
||||
@@ -10365,12 +10369,6 @@ div.toast.show {
|
||||
height: 3.5rem;
|
||||
}
|
||||
|
||||
.group-profile > p {
|
||||
padding: 0.7rem 1rem;
|
||||
color: #8c939c;
|
||||
font-size: 0.76rem;
|
||||
}
|
||||
|
||||
.group-edit-text {
|
||||
width: min(100%, 42rem);
|
||||
margin: 0 auto;
|
||||
|
||||
Reference in New Issue
Block a user