スマホ用のナビゲーションバーを作るべき

内容の説明

現在linkButtonクラスの要素をクリックすると影が潰れるようになっている。
中身を覗いてみるとCSSで押下時にborder-bottom: none; が設定される方法が使われている。
しかし、そのやり方では縦幅が変わってしまい、下の要素の位置に影響が出てしまっている。

URL

https://trpfrog.net/

環境

Windows 10
Firefox 94.0.2 (64bit)

詳しい説明

border-bottomの使用をやめ、

• position
• box-shadow
• top

を使う方法に変えると改善ができると思います。
参考までに。

ソーシャルアイコンにカーソルを合わせるとページが下に下がっていってしまう

バグ・不具合の内容

iPhoneでトップページを開いた場合にハンバーガーメニューのアニメーションが重い。

URL

trpfrog.net

再現方法

1. トップページを開く
2. SVGつまみアイコンが表示されている状態でハンバーガーメニューを開く
3. アニメーションが重くなる

本来期待される動作

スムーズに動く

環境

• iPhone 11
• iOS 15.2
• Safari

　　_＿
　 / )))　　　＿
`／ イ~　　　(((ヽ
(　 ﾉ　　　　 ￣Ｙ＼
|　(＼　∧＿∧　｜　)
ヽ　ヽ`(´･ω･)／ノ/
　＼ |　⌒Ｙ⌒　/ /
　 ｜ヽ　 ｜　 ﾉ／
　　＼トー仝ーイ
　　 ｜ ミ土彡/
　　　)　　　｜
　　 /　　_　 ＼
　　/　 ／ ＼　 ヽ
　 /　 /　　 ヽ　|

ダークモードに対応させたい

しようね

縦に並ばん