Skip to content

fix(mobile): fill modal background white to hide overlay gap#700

Merged
takaokouji merged 1 commit into
developfrom
fix/issue-698-mobile-modal-overlay-gap
May 22, 2026
Merged

fix(mobile): fill modal background white to hide overlay gap#700
takaokouji merged 1 commit into
developfrom
fix/issue-698-mobile-modal-overlay-gap

Conversation

@takaokouji
Copy link
Copy Markdown

Summary

  • モバイル (SP) モードでプロンプト系モーダル(変数を作る・変数名を変更・リストを作る・リスト名を変更・新しいメッセージ)を開いたとき、モーダルコンテンツの下部に青いオーバーレイが透けて見える問題を修正

Changes Made

  • mobile-gui.css: modal_modal-contentbackground-color: #ffffff を追加

原因

modal.css.modal-content はデフォルトで背景色が未設定(透明)。
モバイルでは height: 100dvh; position: fixed でフルスクリーン表示するが、
プロンプト等のコンテンツ高さが 100dvh より短い場合、下部の余白から
モーダルオーバーレイ(半透明青)が透けて見えていた。

Test Plan

  • iPhone 横向き (667×375) で「変数を作る」モーダルを開き、画面下部に青いオーバーレイが見えないことを確認
  • lint pass
  • CI (他モーダルへの影響なし)

Related Issues

Closes #698 (追加修正)

モーダルコンテンツ(modal_modal-content)にデフォルトの背景色が設定
されていなかったため、prompt等でコンテンツ高さが100dvhより短い場合、
下部にオーバーレイ(青)が透けて見えていた。

background-color: #ffffff を追加して、未使用領域も白で埋める。

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@github-actions
Copy link
Copy Markdown

@takaokouji takaokouji merged commit f015a27 into develop May 22, 2026
9 checks passed
@takaokouji takaokouji deleted the fix/issue-698-mobile-modal-overlay-gap branch May 22, 2026 12:33
github-actions Bot pushed a commit that referenced this pull request May 22, 2026
…-mobile-modal-overlay-gap

fix(mobile): fill modal background white to hide overlay gap
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

fix(mobile-ui): SP全画面モーダルのレイアウト崩れを修正(変数・リスト・カスタムブロック作成)

1 participant