lan450/dsh-mobile-ui0

dsh-mobile-ui

Mobile UI adaptation for the DSH web app (v3.2): overflow containment, overlay sidebar/details, bottom-sheet pickers, dialog recentering, safe-area handling, overlap self-healing, and two-row question/plan-review card footers on narrow screens — driven by stable DOM data hooks plus runtime class derivation, with a console diagnostic snapshot (window.__dshMobileUi) for per-fix verification.

AI 分析

核心用途是优化 DSH Web 在手机等窄屏设备上的操作体验。适合经常在移动端浏览器或窄屏窗口下使用 DSH 的用户,可自动调整布局避免遮挡。

パッケージ
dsh-mobile-ui
バージョン
0.3.2
ライセンス
MIT
最終更新
2026/08/19

インストール

検証済み bundle がないか、互換性チェックに失敗しています。先にリポジトリの説明を読んでください。 README 全文を読む ↗

ドキュメント

README 全文を読む ↗

Usage

Open the Web UI on your phone (the plugin also works in a desktop browser narrower than 820px). Everything is applied automatically; desktop layouts are untouched. For plan review / question cards, the footer uses two rows so the action buttons are always fully visible.

Diagnostics

In the browser console:

window.__dshMobileUi.status   // per-block state: ok / miss / run / off
window.__dshMobileUi.notes    // why a block missed (stylesheet not ready / entries mismatch)

A derived block that misses its class names falls back to structural selectors (usable on phones) or renders no CSS (e.g. modelSheet/popupSheet), and notes explains why.