fix(koshien): make Test AI file-fallback download button visually distinct#847
Merged
smalruby3-editor-bot[bot] merged 1 commit intoJun 30, 2026
Merged
Conversation
…tinct The 'Save AI to a file' button sat on the too-long banner with no background of its own (the shared Button defaults to background: inherit), so it took the banner's $ui-secondary color and did not read as a button. Give it the system's standard CTA styling ($motion-primary background + white text, as used by bug-report / koshien-settings / url-loader modals), which stands out clearly against the light banner. Follow-up to #846 (#845).
|
🚀 Preview deployed: https://smalruby.jp/smalruby3-editor/fix/koshien-download-button-color/ |
github-actions Bot
pushed a commit
that referenced
this pull request
Jun 30, 2026
…ownload-button-color fix(koshien): make Test AI file-fallback download button visually distinct
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
「AIを試す」のファイル出力フォールバックで、「AIをファイルに保存」ボタンがバナーと同色でボタンに見えない問題を修正。
原因
共有
Buttonコンポーネントはbackground: inheritのため、ボタンが.too-long-bannerの背景色（$ui-secondary= 薄い青）をそのまま継承し、バナーに埋もれていた。修正（提案色）
.download-buttonに システム標準の CTA 色 を明示:background-color: $motion-primary（#4C97FF 青）color: $ui-white（白文字）この組み合わせは bug-report / koshien-settings / url-loader など他モーダルの主要アクションボタンと同一で、薄青バナー（$ui-secondary）に対して明確に区別できる。
確認
koshien-test-modal.cssの.download-buttonのみ（1 箇所）。Follow-up to #846 (#845)
🤖 Generated with Claude Code