Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

管理者権限からみた相談部屋内の「ユーザー日報」タブの表示バグを修正 #7497

Merged
merged 3 commits into from
Apr 26, 2024

Conversation

hirano-vm4
Copy link
Contributor

@hirano-vm4 hirano-vm4 commented Mar 5, 2024

Issue

概要

adminアカウントの相談部屋詳細において、ユーザーの日報を表示するタブをクリックした際、ユーザーの日報がない場合CSSが適用されておらず、そのバグを修正するIssueです。

変更確認方法

  1. bug/reports-tab-missing-borderをローカルに取り込む
  2. komagataさんまたはmachidaさんどちらかの管理者権限でログイン
  3. http://localhost:3000/talks にアクセス
  4. 日報がないユーザーの詳細に入る
  5. ユーザーの日報タブをクリックし、CSSが正しく適用されていることを確認する
  • 枠線が表示されているかの確認
  • 枠線内はバックグラウンドカラー適用されているか

Screenshot

変更前

image

変更後

スクリーンショット 2024-03-28 10 52 31

@hirano-vm4 hirano-vm4 requested a review from Sasaco-JM March 6, 2024 03:49
@hirano-vm4 hirano-vm4 marked this pull request as ready for review March 6, 2024 03:55
@hirano-vm4 hirano-vm4 self-assigned this Mar 6, 2024
@hirano-vm4 hirano-vm4 removed the request for review from Sasaco-JM March 6, 2024 07:11
@hirano-vm4
Copy link
Contributor Author

hirano-vm4 commented Mar 6, 2024

@machida

お疲れ様です!

本日の開発ミーティングで、デモをしたこちらのデザインについて駒形さんから、町田さんに相談してみると良いと助言をもらってのメンションになります🙏

PCが重く、最後にレビューを回していただいたので、直接ご説明できず申し訳ありません🙇‍♂️

今回の修正内容

adminアカウントの相談部屋詳細において、「ユーザーの日報」を表示するタブをクリックした際、ユーザーの日報がない場合にCSSが適用されておらず、そのバグを修正するIssueです。

相談内容

修正箇所の要素のマージンが狭く、その修正が必要かどうかの相談になります!

修正箇所

修正前
image

修正後
image

赤枠の部分のアイコン表示と「日報はまだありません。」の表示の上下の隙間があまりないので、そこをこのままでいくか、修正をするかのご相談です。

スクリーンショット 2024-03-06 16 33 38

同じ要素の別タブ「ユーザーメモ」の同じ箇所は上下の隙間が程よく入っているようです。

対象のファイル

app/javascript/components/Reports.jsx

こちらのReactファイルの以下のクラスを追加しました。

スクリーンショット 2024-03-06 16 42 30

↓今回、このクラスを追加したのは、これが日報があった場合に適用されるクラスで、日報がある場合には正しく「枠線」「バックグラウンドカラー」が表示されていたので、日報がない場合にも、同様に適用した修正になります。

スクリーンショット 2024-03-06 16 44 25

日報が1以上存在する場合は表示されている

スクリーンショット 2024-03-07 20 36 58

「日報がある場合」と「日報がない場合」と同じCSSで良いか、またその場合のデザイン的に問題ないかの確認になります🙏

@hirano-vm4
Copy link
Contributor Author

@machida

お疲れ様です!1週間が経過したため、念のためのご連絡をさせていただきます🙏 私の手順の不手際で通知が届いていない可能性も考慮し、このメッセージを送ります🙇‍♂️

もしすでにご存じで、お忙しい状況でしたら、急ぎの件ではありませんので、お手すきの際に対応いただけますと幸いです。引き続きどうぞよろしくお願いいたします🙏

@machida
Copy link
Member

machida commented Mar 25, 2024

@hirano-vm4
対応が遅れてすいません🙇‍♂️
今から着手しますー

@machida
Copy link
Member

machida commented Mar 25, 2024

@hirano-vm4 すいません、お待たせしました!!修正しましたー

image

@machida machida removed their assignment Mar 25, 2024
@hirano-vm4
Copy link
Contributor Author

@machida

お忙しいところ、ありがとうございます🙏引き続き進めたいとおもいます💪

@hirano-vm4 hirano-vm4 force-pushed the bug/reports-tab-missing-border branch from 06ca536 to 02fd357 Compare March 28, 2024 01:44
@hirano-vm4 hirano-vm4 requested a review from a user March 28, 2024 02:40
@hirano-vm4
Copy link
Contributor Author

@taco-nantai

お疲れ様です🙏
お忙しい中、申し訳ありませんがレビューをお願いすることは可能でしょうか🙆?
1ポイントのIssueで内容も軽いものなのでそんなにお手間かからない内容かとおもいます🙏

急ぎではありませんので、無理ないタイミングで全く問題ありません!(1~2週間後とかでもOKです)

ご検討のほど、よろしくお願いいたします🙇‍♂️

@ghost
Copy link

ghost commented Mar 28, 2024

@hirano-vm4
お疲れ様です。
レビュー依頼の件かしこまりました。
近日中に対応させていただきます。

Copy link

@ghost ghost left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

コードと画面上での表示を確認しました。
問題なさそうなのでApproveします👍

@hirano-vm4
Copy link
Contributor Author

@taco-nantai

お忙しいところ確認いただき、ありがとうございました🙏
引き続き、よろしくお願いします!

@komagata

お疲れ様です!メンバーによるレビューが終わりました。確認をお願いいたします🙏

@hirano-vm4 hirano-vm4 requested a review from komagata April 9, 2024 12:38
Copy link
Member

@komagata komagata left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

conflictの修正をお願い致します~。

@hirano-vm4 hirano-vm4 force-pushed the bug/reports-tab-missing-border branch from ac1a49b to 8e66a74 Compare April 24, 2024 02:54
@hirano-vm4 hirano-vm4 force-pushed the bug/reports-tab-missing-border branch from 8e66a74 to 81ce1ab Compare April 24, 2024 04:25
@hirano-vm4
Copy link
Contributor Author

@komagata
こちらconflictの修正を行いました!

Copy link
Member

@komagata komagata left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

確認させていただきました。OKです~👌

@komagata komagata merged commit afc0b97 into main Apr 26, 2024
2 checks passed
@komagata komagata deleted the bug/reports-tab-missing-border branch April 26, 2024 05:39
@hirano-vm4
Copy link
Contributor Author

@komagata

ありがとうございます!ステージング環境にデプロイされたことを確認次第、動作確認に入ります🙆

@komagata komagata mentioned this pull request Apr 29, 2024
22 tasks
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.

3 participants