いただいたフィードバック

[kuccho524]

ご指摘を受けた課題

・文字数によってカードの高さが変わる ・検索窓をハンバーガーバーの中に入れた方が良い ・フォロー/フォロワーの表示順 ・タブレット対応 ・aboutに画像を入れる ・結合テスト

[kuccho524]

現状

・フォロー/フォロワーの表示順 → reverse_orderで降順で表示させる ・文字数によってカードの高さが変わる → 下記で対応する display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;

・タブレット対応 → レスポンシブ対応(タブレット対応と同時にiphoneX以降に対応するよう修正) ・結合テスト → これから実装していく

要検討項目

・検索窓をハンバーガーバーの中に入れた方が良い ・aboutに画像を入れる → 文字減らして写真を表示させる。どのくらいの長さにするのかを考える

[kuccho524]

現状

対応事項

・フォロー/フォロワーの表示順 → reverse_orderで降順で表示させる ・文字数によってカードの高さが変わる → 下記で対応する display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;

・検索窓をハンバーガーバーの中に入れた方が良い → 検索窓の位置を変え、headerのliに対してmargin: auto 0;、レスポンシブで検索エリアをwidth: 100%;で表示させる。

対応/検討予定

・タブレット対応 → レスポンシブ対応(タブレット対応と同時にiphoneX以降に対応するよう修正) ・結合テスト → これから実装していく ・aboutに画像を入れる → 文字減らして写真を表示させる。どのくらいの長さにするのかを考える ・管理者機能、通報機能、ユーザの論理削除機能

[kuccho524]

追記

・チャット一覧のカードは下記で対応 display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;

また、対応検討予定に下記を追加 ・コメントエリアの表示で削除をどうするか

[kuccho524]

現状報告２

・コメントエリアの表示で削除をどうするか → ulクラスから外す、ボタンをリンクに変え、ボーダーをつけることで対応しました。

やるべき課題

・タブレット対応 → レスポンシブ対応(タブレット対応　※iphoneXは375pxのため対応済み) ・結合テスト → これから実装していく

検討事項

・aboutに画像を入れる → 文字減らして写真を表示させる。どのくらいの長さにするのかを考える ・管理者機能、通報機能、ユーザの論理削除機能

[kuccho524]

現状報告３

状況に進捗がありました。 下記の各項目に対応済、やるべき課題、検討事項を纏めました。

対応済

・コメントエリアの表示で削除をどうするか → ulクラスから外す、ボタンをリンクに変え、ボーダーをつけることで対応しました。 ・タブレット対応

やるべき課題

・結合テスト

検討事項

・aboutに画像を入れる → 文字減らして写真を表示させる。どのくらいの長さにするのかを考える ・管理者機能、通報機能、ユーザの論理削除機能

[kuccho524]

頂いた意見

・card-deckにmx-autoを入れて左右幅を整える ・チャット一覧のcardの高さ ・新着投稿のfont-awsomeがいらない（誤認識防止のため） ・投稿とコメントに時間 ・コメントエリアにplaceholder ・ボタンの位置 ・ヘッダーのfont-awesomeの大きさ ・ゲストログインを目立たせる ・アップロードするファイルが全体的に重たい

[kuccho524]

修正事項

・card-deckにmx-autoを入れて左右幅を整える ・チャット一覧のcardの高さ ・新着投稿のfont-awsomeがいらない（誤認識防止のため） ・投稿とコメントに時間 ・コメントエリアにplaceholder ・ボタンの位置 ・ヘッダーのfont-awesomeの大きさ

[kuccho524]

修正事項２

・検索結果に検索ワードを表示

[kuccho524]

修正事項３

・ゲストログインを目立たせる

[kuccho524]

見えてきた課題

・cssファイルの無駄な記述を削除していく