USD/JPY
152.35
+0.24
v10案
ボタン
標準
主要
危険
小
無効
上下のすき間が狭い行で、押した位置が隣の行に取られないか確認(タップ範囲の拡張)
前月
次月
更新
入力欄+ボタン(同じ高さ)
追加
狭い数値欄(幅58px・値 100)。左=標準の余白(切れる)、右=.in.narrow
日付・月・選択・複数行
USD/JPY
EUR/USD
フォーカス時の拡大・ずれ(G)
それぞれをタップして、画面が拡大・ずれないか見る
セグメント・スイッチ
日足
4H
15M
入金(追加)
出金(引き出し)
スイッチ
タップ演出(E)
.tap の行(縮む)
.tap-row の行(背景だけ明るく)
.tap-row の行
意味色の発光と、トーストの色
完了
注意
危険
見出し
緑:完了
黄:注意
赤:危険
白:情報
ネイティブ と 部品の比較(11)
ネイティブ confirm→prompt→alert
確認(通常)
確認(危険)
入力シート(promptの代わり)
重なり順(6)
シート→確認→トースト
モーダル→シート
編集画面の保存ボタン(10)
A:ヘッダー右
B:下端に接する帯
C:ボタンだけ浮かす
D:今の浮いた帯
画面の高さ(3)
v9: 補正スクリプトあり
案: なし(inset:0)
scrollIntoView(最下部)
scrollTo(最下部)
モーダルの下端
最下部まで見えるか、スクロール後に画面全体がずれないか、モーダルの下に隙間が出ないかを見る
★ここが最下部
サイズの調整(v10案がONのとき有効)
初期値に戻す
値をコピー
固有モーダル
シートを開く
トースト
閉じる
サイズ
操作
画面
調整