Files
pear-admin-flask/templates
bwstudio 4ece453f00 feat(public): 首页卡片/主题菜单/侧栏/移动端多项优化
卡片
- 描述与网址共用一行(.meta-line + grid 同格),默认显示描述、悬停交叉淡出为网址;
  触屏 (hover:none) 直接显示网址,卡片不再被两行文字撑高

主题菜单
- 修复「暗色」项与其他项不一致:主题变量块原用裸属性选择器 [data-theme="dark"],
  会连菜单里的 <li data-theme="dark"> 一起命中导致颜色被局部覆盖;
  全部改为 html[data-theme="…"](8 个主题 + 关于页 dark 特例)
- 每项加统一色块标识 + 选中对勾,宽高与对齐方式一致

左侧菜单栏
- 「我常访问」「热门网址」合并为一个「常用 & 热门」分区(侧栏 + 移动端抽屉),
  标题随数据动态切换;右侧内容区两个 section 保持独立不变
- addSideNavEntry/addDrawerEntry 改为往合并分区插 li,removeEntries 只摘单条,
  避免整块删除把热门入口一起干掉
- 新增 retitleFeatured():JS 补入/移除个人榜后同步标题与图标

PC 侧栏
- 修复滚轮无响应:overscroll-behavior 由 contain 改为 auto(contain 会阻断滚动链接,
  内容未溢出时侧栏上滚轮完全没反应)
- 滚动条加宽到 6px 并使用 --text-soft,加 scrollbar-gutter: stable

移动端顶栏
- 修复 360px 小屏三个控件挤成两行:.topbar-actions 改 flex: 1 1 0 + min-width: 0
  (flex 换行先于收缩,basis auto 会先按固有宽度判定放不下而换行)
- 恢复显示站点名与副标题作为第二行,消除顶部空白
- 手机端隐藏「搜索」按钮,改由左侧放大镜提交,input 加 enterkeyhint
- placeholder 按视口自适应:手机「搜索书签」

抽屉
- 主题菜单在窄屏改为内联展开(280px 抽屉放不下 160px fixed 浮层,
  原逻辑会算出负数 left 飞出屏幕)
- positionThemeMenu 增加边界兜底:两侧都放不下时贴可视区右边缘
- 面板补 width: min(280px,84vw) + overflow-y:auto(原被内容撑成 173px)
2026-09-07 20:38:06 +08:00
..
2025-01-24 19:13:41 +08:00