ブログ記事の一覧にて、feature タグがついてるブログ記事はメンター・管理者にだけ目印が表示される。

[ayu-0505]

Issue

• ブログ記事の一覧にメンター、管理者だけ feature タグがついてるものがどれかわかるようにしたい。 #7495

概要

ブログ記事の一覧にて、feature タグがついてるブログ記事は、メンター・管理者にのみ目印であるfeatureという文言が表示されるように変更しました。

変更確認方法

1. feature/highlight-blogs-with-a-feature-tagをローカルに取り込む
   1. git fetch origin pull/8186/head:feature/highlight-blogs-with-a-feature-tag
      （２度目以降は上記ブランチのローカル変更に気をつけながら--forceをつけてください）
   2. git switch feature/highlight-blogs-with-a-feature-tag
2. foreman start -f Procfile.devでローカルサーバーを立ち上げる
3. メンターまたは管理者（例: user:komagata, password: testtest）でログインする。
4. ブログの新規作成ページにアクセスし、タグ入力欄でfeatureを入力し、エンターを押してタグを登録する。
5. タイトル、本文、サムネイル画像を適当に入力し、公開するボタンをクリックする。
6. ブログ記事の一覧にアクセスし、先ほど作成したブログ記事に目印であるfeatureの文字が表示されているか確認する。
7. 一旦ログアウトし、ブログ記事の一覧に再度アクセス。
8. 先ほど作成したブログ記事に目印であるfeatureの文字が表示されていないか確認する。

Screenshot

変更前

tag-testのブログにはfeatureタグをつけており、メンターまたは管理者としてログインしているが、目印は表示されない

変更後

メンターまたは管理者としてログイン時

非ログイン時

[ayu-0505]

@machida さん、お疲れ様です🍵

こちらのPRですが、デザインが必要だと思われますがいかがでしょうか。
現在はfeatureという素の文字列がPタグで表示されている状態です。
また、CSSクラスについては周囲の状況から考え、.thumbnail-card__metaのみ記載しております。

ご確認のほどよろしくお願いいたします🙇🏻‍♀️

[machida]

@ayu-0505 デザイン入れてこのブランチにPR出しますー

[machida]

@ayu-0505 ちょっとした変更だったのでこのブランチにpushしましたー。ご確認お願いします🙏 feature 以外にも卒業生インタビューなど特別なタグを用意する予定で、特別なタグを複数持つ記事も出るかもしれないので、それに対応できるようなHTMLとCSSにしました。

[ayu-0505]

@machida さん、対応いただきありがとうございました🙏