弹层全部孕期工具宫格限4行x4列, 超出宫格内滚动+细滚动条 (v26090723)

2026-09-08 01:53:19 +08:00
parent f2eb903eff
commit 672655b022
2 changed files with 13 additions and 5 deletions
--- a/mama-box.css
+++ b/mama-box.css
@@ -2642,3 +2642,11 @@ a.skip:focus{left:16px;top:16px}

 /* 弹层「全部孕期工具」：无 logo 应用的字母兜底块（与 .a-ico 同尺寸） */
 .apps-grid .a-ico-letter{display:grid;place-items:center;width:100%;aspect-ratio:1;border-radius:22px;color:#fff;font-size:22px;font-weight:800}
+
+/* 弹层宫格限 4 行 × 4 列：超出在宫格内部滚动（不撑长弹层）。
+   行高 minmax(92px,auto)：图标54 + 间距8 + 两行名称 ≈ 92，行行等高对齐；
+   4行 × 92 + 3 × 行距16 = 416px。 */
+#appsGrid{grid-auto-rows:minmax(92px,auto);max-height:416px;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-right:4px;scrollbar-width:thin;scrollbar-color:#E0CFC5 transparent}
+#appsGrid::-webkit-scrollbar{width:4px}
+#appsGrid::-webkit-scrollbar-thumb{background:#E0CFC5;border-radius:2px}
+#appsGrid::-webkit-scrollbar-track{background:transparent}