レコード・カリキュラムの詳細ページで画面端が選択できない問題を解決する

[takumi0616]

対応Issue

resolve #214

概要

レコードやカリキュラムの詳細ページで画面端が選択できないので、選択できるようにする。

実装内容

原因究明

BackBottonのCSSが原因でdevがページ上のz軸で一番手前にあったので、カーソルが下の要素にアクセスできなかったと思われる

原因解決

BackBottonのボタン部分だけアクセスを許可（pointer-events: auto;）して、他の部分はアクセスできないようにした。（pointer-events: none;）

変更ファイル

• view/next-project/src/components/common/BackButton/BackButton.module.css

画面スクリーンショット等

• http://localhost:8080/records/1
  
• http://localhost:8080/curriculums/1/chapters/1
  

テスト項目

• BackButtonがある全てのページで、BackButtonのボタン部分の中心よりも左側にあるテキストにアクセス（ドラッグ）できる
• BackButtonがある全てのページで、BackButtonが正常に動く

備考

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
nutmeg-seeds	✅ Ready (Inspect)	Visit Preview	Jun 27, 2023 2:03pm

[YushiroDodo63]

@takumi0616
↓の３つ、めっちゃよかった！！

• 実装がスマートでいい！
• 原因究明から実装→PR作成までが早くてめっちゃいい！
• スクショもわかりやすくて良い！

それで、↓の3つはGithubだったりPR作る上で気を付けてくれると良いところです！「これがダメだった！」ってことじゃないし別に問題はないけど、プロジェクトのルールだったり知ってた方がいいかな〜ってことを書いただけなんでそこまで気にせず！

• ブランチの切り方
  • Seeds の場合は、 feature/[user-name]/[issue-num]-[Title] って感じの切り方をしてるので、次からこんな感じにしてほしい！
  • 参考： https://github.com/NUTFes/NUTMEG-Seeds#%E3%83%96%E3%83%A9%E3%83%B3%E3%83%81%E3%83%AB%E3%83%BC%E3%83%AB
• reviewers, assignees に適切な人を入力する
  • 一番下に添付した画像の赤枠の部分の Reviewers には YushiroDodo63 とか imaimai17468 とかを、 Assignees には自分を入力してほしいです！
• 変更ファイルは書かなくてOK
  • 変更ファイルは、添付画像の緑枠の部分で確認できたりするからPRには書かなくても大丈夫！

[YushiroDodo63]

LGTM!!