Open Ta9m1-N opened 8 months ago
ボタンの色、文字フォントが画面設計書と異なる。また、画面幅縮小時の文字サイズが大きくなっている。
ボタン配色、文字フォントは各要素のclass属性値の間違いが原因で、誤ったスタイルがBootstrapとapp.cssによって付与されている。画面幅縮小時の文字サイズも、間違ったclass属性値によってapp.cssで制御されている。
各ボタンのclass属性値を修正し配色を変更する。文字フォント、画面幅縮小時の文字サイズについては該当の要素のclass属性値を削除する。
show.htmlを確認し問題点に当たりをつけてから、該当ページでデベロッパーツールを用いながら修正した。説明文の折り返しについてはプロンプトの回答から適切なスタイルの適用をした。
https://chat.openai.com/share/21cb08d6-527b-43d6-9d8b-d38cd759846d
概要
ボタンの色、文字フォントが画面設計書と異なる。また、画面幅縮小時の文字サイズが大きくなっている。
不具合調査結果
ボタン配色、文字フォントは各要素のclass属性値の間違いが原因で、誤ったスタイルがBootstrapとapp.cssによって付与されている。画面幅縮小時の文字サイズも、間違ったclass属性値によってapp.cssで制御されている。
修正方針
各ボタンのclass属性値を修正し配色を変更する。文字フォント、画面幅縮小時の文字サイズについては該当の要素のclass属性値を削除する。
タスクリスト
View(HTML,JS)
Issue 情報更新