Ta9m1-N / bugslife_java-1.0.1

0 stars 0 forks source link

No.22 Apps詳細 デザイン修正 #47

Open Ta9m1-N opened 8 months ago

Ta9m1-N commented 8 months ago

概要

ボタンの色、文字フォントが画面設計書と異なる。また、画面幅縮小時の文字サイズが大きくなっている。

不具合調査結果

ボタン配色、文字フォントは各要素のclass属性値の間違いが原因で、誤ったスタイルがBootstrapとapp.cssによって付与されている。画面幅縮小時の文字サイズも、間違ったclass属性値によってapp.cssで制御されている。

修正方針

各ボタンのclass属性値を修正し配色を変更する。文字フォント、画面幅縮小時の文字サイズについては該当の要素のclass属性値を削除する。

タスクリスト

View(HTML,JS)

Issue 情報更新

Ta9m1-N commented 8 months ago

回答までのアプローチ

show.htmlを確認し問題点に当たりをつけてから、該当ページでデベロッパーツールを用いながら修正した。説明文の折り返しについてはプロンプトの回答から適切なスタイルの適用をした。

プロンプト履歴

https://chat.openai.com/share/21cb08d6-527b-43d6-9d8b-d38cd759846d