グロナビのヘルプをヘッダーに移動

[ghost]

Issue

• 管理者のグロナビのヘルプを一つにまとめたい。 #7386

概要

ヘルプをヘッダーに移動し、管理者ユーザーの場合は「受講生用ヘルプ」と、「アドバイザー用ヘルプ」をドロップダウンの中から選べるように変更

machidaさんのコメントも参照

変更確認方法

1. feature/combine-advisor-help-and-help-for-adminをローカルに取り込む
2. adminユーザーでログインする
3. ヘッダー内の「ヘルプ」をクリックすると、「受講生用ヘルプ」と、「アドバイザー用ヘルプ」が表示され、それぞれのページへのリンクになっていることを確認する

Screenshot

変更前

変更後

[ghost]

1. 初期状態では、リンクのリストulは非表示(display: none)になっている。

2. ヘルプをクリックすると、リンクのリストが表示される(display: block)が、現在グロナビを右にスクロールしないと見えない状態になってしまっている。(この状態になるとグロナビの下部にスクロールバーが表示される)

3. グロナビを右にスクロールすると、ヘルプページとアドバイザーヘルプページへのリンクのテキストが表示されているのが確認できる。(現在文字色と背景色が同じになっているため、全選択で文字が見えるようにしている)

4. リンクのリストul以外の要素をクリックすると、リストは非表示になる。

[ghost]

@machida
お疲れ様です。
#7386 の動作の部分を作成したのですが、現在上記のコメントのような状態になっています(グロナビの幅が広がってスクロールバーが表示され、main要素の上に出るような形で表示されない)。
こちらはデザインの方で対応していただく箇所という認識で大丈夫でしょうか？
問題がなければ、こちらのデザインをお願いします。
変更を加えた個所に何か問題があれば教えていただけると助かります🙇‍♂️

[machida]

@taco-nantai 対応ありがとうございます！これでデザイン入れられますー🙆‍♂️

[machida]

@taco-nantai

ちょっと変更を加えデザインを整えました。

変更箇所

1

ポートフォリオがグロナビに追加され、グロナビが縦に長くなってしまったので、ヘルプをヘッダーに移動しました。

2

子メニューの表示・非表示のJSをtacoさんのものを少しいじってヘルプ、Me、モバイル時のメニュー（つまり通知以外）で共通化させました。

通知に関しては、#7257 このPRが近いうちにマージされるので、通知は共通化していません。

今回の変更で、

このように通知のときだけ子メニューが開くと背景が黒くなりますが、
#7257 このPRをマージしてから、全て背景を黒くするか、黒くするのを辞めるか、どっちかに揃える予定です。

[ghost]

@yocchan-git
お疲れ様です。
こちらのPRのレビューをお願いしてもよろしいでしょうか🙏
お手すきの際で構いませんので、よろしくお願いいたします🙇‍♂️

[yocchan-git]

動作はOKそうです！
コンフリクトしてそうなので、下記を参考にmainをrebaseして解消していただけますと🙏

https://bootcamp.fjord.jp/pages/305#push

解消しましたら声かけください！
今日は用事がありまして、今日はもう対応できませんが明日の朝に対応させていただきます🙇‍♂️

[ghost]

@machida
お疲れ様です。
デザインの修正ありがとうございます。
現在、編集していただいたapp/javascript/notifications_bell.vueとapp/views/application/header/_header_links.html.slimでコンフリクトが発生しているようなのですが、これらのファイルに関して、このブランチで編集していただいたものとmainブランチのもの、どちらを残せばよいでしょうか。
お手数をおかけしますが、ご教授いただければ幸いです🙇‍♂️

[machida]

@taco-nantai 最新のmainを取り込んでコンフリクトを解消しておきましたー

git pull --rebase origin feature/combine-advisor-help-and-help-for-admin

をしておいてくださいー

[ghost]

@machida
ありがとうございます🙇‍♂️

[ghost]

@yocchan-git
お疲れ様です。
machidaさんにコンフリクトの解消をしていただいたので、改めてレビューをお願いしてもよろしいでしょうか。
お手すきの際で構いませんので、よろしくお願いいたします🙇‍♂️

[yocchan-git]

LGTM🎉
動作確認・コード共に問題なさそうです！

テストはflakyなやつが落ちてそうでしたので、通ればkomagataさんへ
対応お疲れ様でした〜〜🍵

[ghost]

@komagata
お疲れ様です。
PRにapproveをいただいたので、レビューをお願いします🙇‍♂️

[komagata]

確認させて頂きました。OKです〜🙆‍♂️