pro/im_webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

群二维码行的小图标也应跟箭头贴在一起靠右，而不是单独留在文字标签后面

Browse Source 
上一次修复把 margin-left:auto 放在了这一行的最后一个图标（箭头）身上，箭头确实到了最右，
但二维码小图标是这一行倒数第二个子元素，没吃到这个 auto margin，还留在原位——变成"二维码
图标贴左、箭头单独贴右"两边分家。auto margin 改放到这一组里最靠前的图标（二维码图标）身上，
箭头作为它后面的下一个兄弟元素自然跟上，两个图标现在整组一起贴右。

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
Your Name
2026-09-05 13:30:43 +08:00
co-authored by Claude Sonnet 5
parent e66550867c
commit 290fc80f3e
2 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/base.css
+5 -2
View File
@@ -10371,9 +10371,12 @@ div.toast.show {
/* 群头像/群二维码这两行没有其它行都有的 <small>（本身靠 margin-left:auto 把末尾图标推到
最右）——原来两行的图标紧贴在文字标签后面，跟其它行对不齐，列表右侧参差不齐。直接把
auto margin 放到末尾图标自己身上，这是更明确的写法，不依赖前面兄弟元素的间接推挤。 */
auto margin 放到"最右边这一组图标"里最靠前的那一个身上，这是更明确的写法，不依赖前面
兄弟元素的间接推挤：群头像只有末尾箭头一个图标，加在它自己身上；群二维码是"二维码小图标
+箭头"两个连续图标要整组贴右，auto margin 只能放在这一组的第一个（二维码图标）身上——
放在箭头身上只会把箭头自己推到最右，二维码图标依然留在文字标签后面，两个图标就分家了。 */
.group-profile-avatar > i:last-child,
.group-profile-qr > i:last-child {
.group-profile-qr > i:first-of-type {
margin-left: auto;
}