カテゴリーの説明をMarkdownで出力する。

[machida]

プラクティス一覧ページの各カテゴリーの説明文。

これを Markdown で出力したい。

[motohiro-mm]

@machida
実装の方針について質問があります🙏

各カテゴリーの説明文をマークダウンで表示する際、
特定のマークダウンを使用すると以下動画のように編集リンクが反応しなくなりました。
（正確には編集リンク上部のほんのわずかな部分だけが反応します）
どのように対応すべきか方向性を教えていただきたいです。

2024-06-13.16.57.21.mov

該当するマークダウンは私が調べた限り以下3つです。

• #見出し　（#の個数は関係なし）
• >引用
• :::message ~ :::などのメッセージブロック
  メッセージブロックの場合は編集リンクのpenの表示もなくなります。
  （ボタンがあるであろう場所上部のリンクの反応は他と同様にあります）

対応として以下の2つを考えました。

• 編集リンクが最上部にくるようにする
  app/javascript/stylesheets/application/blocks/practice/_categories.sassの.categories-item__editにz-indexを追加

.categories-item__edit
  float: right
  margin-left: .5rem
  +position(relative, top -.25rem)
  z-index: 100  /* 追加 */

• 該当するマークダウンを使えないようにする

上記の対応ではなくそれ以外の対応が適切な場合はそれもご指示いただきたいです。
お手隙の際にご回答のほどよろしくお願いいたします🙇‍♀️

[machida]

@motohiro-mm

連絡ありがとうございます！
リンクが反応しないのはCSSのせいですね。
これ、すぐに直せるので一旦そのままで大丈夫ですー。作業が一通り終わったら、僕にメンションとアサインをお願いします。僕の方で直しますー

[motohiro-mm]

@machida
回答ありがとうございます！🙏
承知しました！

[motohiro-mm]

@komagata
お疲れ様です。
お手隙の際に本番環境での確認をお願いいたします🙏

確認手順は以下です。

1. メンター権限をもつユーザーでログイン
2. https://bootcamp.fjord.jp/courses/1/practices#category-1 (プラクティス一覧)へアクセスし、ペンマークのeditリンクをクリック
3. カテゴリーの説明をマークダウン形式で編集し、プレビューで見え方を確認して「更新する」をクリック
4. カテゴリーの説明がプレビューで表示されていた通りに更新されているかを確認する

[komagata]

@motohiro-mm 確認してOKでした～！

[motohiro-mm]

確認ありがとうございました！🙏
OKとのことなので、こちらのissueはcloseします！