jone/mama-box
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

记一下圆钮白边变细，改 CSS 绘制 (v26100192)

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Karlcarlo
2026-10-02 13:01:37 +00:00
parent 914f6ea785
commit 05db23eba1
3 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
mama-box.css
View File

@@ -4138,3 +4138,11 @@ a.skip:focus{left:16px;top:16px}
/* 2026-10-02 用户：「记一下那个效果取消掉」→ 去掉中心圆钮外圈一直往外扩散的光环（fabHalo） */
.tab-fab .fab::after{display:none;animation:none}
/* 2026-10-02 用户：圆钮白边变小 4px → 2px（content-box，外径 60 → 56，margin-left 跟着取半宽居中） */
.tab-fab .fab{border-width:2px;margin-left:-28px;top:-20px}
/* 同日：白边大头其实在切图里（69818ea975da.png 的橙圆只占约 2/3 且偏左，四周一圈白）。
改成 CSS 画：橙色满圆 + 白色「+」，白边只剩上面那 2px border。切图 <img> 保留但隐藏。 */
.tab-fab .fab{background:linear-gradient(150deg,#FF8A6E,#F4593C)}
.tab-fab .fab img{display:none}
.tab-fab .fab::before{content:"";width:22px;height:22px;
background:linear-gradient(#fff,#fff) center/100% 3.5px no-repeat,linear-gradient(#fff,#fff) center/3.5px 100% no-repeat;border-radius:2px}