Skip to content

feat(web): ズームを虫眼鏡アイコン + セレクトに#21

Merged
sasagar merged 1 commit into
mainfrom
dev
Jul 25, 2026
Merged

feat(web): ズームを虫眼鏡アイコン + セレクトに#21
sasagar merged 1 commit into
mainfrom
dev

Conversation

@sasagar

@sasagar sasagar commented Jul 25, 2026

Copy link
Copy Markdown
Contributor

ユーザー要望: −/+ を虫眼鏡(+/−)アイコンに、プリセット3ボタンをセレクトへ畳んで幅節約(約172px)。プリセット外は現在値の option を一時追加。web 745 tests。

🤖 Generated with Claude Code

https://claude.ai/code/session_01HGESE2zBNzoW8MYvtEySBQ

ユーザー要望2点:
- −/+ の記号を「虫眼鏡に +/− が入ったアイコン」に(ZoomInIcon/ZoomOutIcon を追加。既存
  SearchIcon と同じ円+柄の骨格にレンズ内の棒を足し、虫眼鏡の家族として揃えた)
- プリセット3ボタンが幅を取りすぎるためセレクトボックス1つに畳んだ。構成は
  「虫眼鏡− | プリセットのセレクト | 虫眼鏡+」で全体 約172px(旧構成は300px超)

微調整でプリセットから外れたときは、セレクトに現在値(例「64px」)の option を一時的に足して
選択状態にする(プリセット名を偽らず、px 値の併記で幅を食わない)。セレクトは 8.5em 固定幅で
選択肢によってボタン位置が揺れない。狭幅は従来どおりセレクトを畳んで数値のみ。

web 745 tests, typecheck/build clean。3状態(プリセット選択中/プリセット外/下限で disabled)を
実 CSS でレンダリングして確認。

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01HGESE2zBNzoW8MYvtEySBQ
@sasagar
sasagar merged commit 74dec8c into main Jul 25, 2026
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.

1 participant