カテゴリーの説明をMarkdownで出力する。 #7829 流れ
6/12(水) issue assign
6/13(木) 実装、CSS修正依頼(machidaさん)
6/17(月) machidaさんOK
6/18(火) レビュー依頼(mousu-aさん)
6/19(水) レビューOK、レビュー依頼(komagataさん)
6/23(日) レビューかえってきた
6/24(月) レビュー修正返信 → OK、マージ
6/27(木) リリース
詳細
6/13(木)
現状確認
カテゴリーの説明文をマークダウンで書いても、更新するとマークダウンではなくそのまま表示される
https://scrapbox.io/files/666ada2d716f06001d07debb.mov
実装
app/views/courses/practices/_courses_practices.html.slim
code:_courses_practices.html.slim
/12~18行目
.categories-item__description
- if current_user.mentor
.categories-item__edit.is-only-mentor
a.categories-item__edit-link href=edit_mentor_category_path(category.id, course_id: course_id)
i.fa-solid.fa-pen
.a-long-text.is-md.js-markdown-view /.js-markdown-view を追加
= category.description
編集リンクが反応しなくなった、見えなくなった
特定のマークダウンで説明文を書いた際に編集リンクが反応しなくなった
(正確にはボタンの上部のわずかな部分のみ反応した)
https://scrapbox.io/files/666adbfe3819d0001c7cd984.mov
該当するマークダウンは以下↓
・#見出し
・>引用
・:::message ~ :::などのメッセージブロック(フィヨルド特有の記法)
メッセージブロックではリンク編集リンクの表示も消えた(表示はないがリンク上部のリンク反応は他と同様にあり)
自分で考えた対応策は以下↓
・編集リンクのCSSにz-indexを追加して編集リンクを最上部にもってくる
・該当するマークダウンを使えないようにする
デザインのことを含むのでmachidaさんに質問した↓
CSSの修正なのでmachidaさんが対応してくださることになった!
PR作成、CSS修正依頼(machidaさん)
6/17(月)
machidaさんOK
デザインの調整と編集リンクがクリックできないことを修正していただきました!
編集リンクのCSSにz-indexを足す対応はあっていたようでした。
実際に確認してみたところ、#見出しは違う形式で表示されるようになっていて、他の該当していたマークダウンはマークダウンで表示されなくなっていました。
6/18(火)
レビュー依頼(mousu-aさん)
6/19(水)
レビューOK(変更確認方法の指摘のみ)
レビュー依頼(komagataさん)
6/24(月)
レビュー修正返信(コードの改行等) → OK
マージ
6/27(木)
リリース