サイドメニューの余白幅が詰まっている

mgr-kb commented 4 years ago

改善詳細 / Details of Improvement

現在のサイドメニューだと、「新型コロナウイルス感染症について」のメニューのみ、余白がなく詰まって見えるようになっています。
動きとしては問題ないと思いますが、他のメニューとのバランスも考えて、余白に余裕を持たせた方が良いかと思いました。

スクリーンショット / Screenshot

期待する見せ方・挙動 / Expected behavior

以下のいずれかの対応で解決するかと思います。

アイコンを取り除く
スタイルを調整する(もしくは全メニューにアイコンを付与するなど)

前者がシンプルで一番わかりやすいかと思っております。

動作環境・ブラウザ / Environment

macOS / Windows / Linux / iOS / Android
Chrome / Safari / Firefox / Edge / Internet Explorer

msx2mac commented 4 years ago

フォーク元の東京都のリポジトリではすでに解決しているようですが、SideNavigation.vueに大幅に手を入れられており、フォーク時からは構造自体が変わっているようです。とりあえず、$hugeにブレイクした際に、max-widthを調整するようにしてみました。 development環境が非公開なので、とりあえずスクリーンショットを貼っておきます。

変更前

変更後

「アイコンを取り除く」案と合わせてご検討いただければと思います。

mgr-kb commented 4 years ago

@msx2mac ご確認・ご対応ありがとうございますー！

他のメニューリストでアイコンがないという点が気になる点ではありますが、ひとまずは問題ないかと思います！

msx2mac commented 4 years ago

@mgr-kb ありがとうございます！そうなんですよね。他県の物だと、そもそもメニュー自体に

県内の感染動向
感染症が心配なときに

がアイコン付きであるので、これを追加したらもう少しバランス良くなる気がします。当リポジトリのソースにもコメントアウトされて残っているので、意図されて削除されているのかもしれませんが…

codeforsaga / covid19