fix(client): PWA時の絵文字ピッカーの位置をホームバーに重ならないように調整

[takeyaqa]

What

fix: #10532

PWA時の絵文字ピッカーの位置をホームバーに重ならないように調整しました。MKMenu と同じpaddingを設定しています。

Before	After

Why

ホームバーと重なりタップがしづらいため

Additional info (optional)

スクショのシミュレーターの他、iPhone 12 Pro Max実機で表示を確認しています。

Checklist

• Read the contribution guide
• Test working in a local environment
• (If needed) Update CHANGELOG.md
• (If possible) Add tests

[codecov]

Codecov Report

Merging #10534 (e64780b) into develop (7bd0001) will increase coverage by 0.21%.
The diff coverage is 99.26%.

@@             Coverage Diff             @@
##           develop   #10534      +/-   ##
===========================================
+ Coverage    78.59%   78.81%   +0.21%     
===========================================
  Files          161      162       +1     
  Lines        19647    19872     +225     
  Branches       331      332       +1     
===========================================
+ Hits         15442    15662     +220     
- Misses        4205     4210       +5     

Impacted Files	Coverage Δ
packages/frontend/src/os.ts	17.13% <0.00%> (-0.06%)	⬇️
packages/misskey-js/src/streaming.ts	93.18% <92.30%> (-0.74%)	⬇️
...ackages/frontend/src/components/MkAccountMoved.vue	100.00% <100.00%> (ø)
packages/frontend/src/components/MkDialog.vue	100.00% <100.00%> (ø)
packages/frontend/src/components/MkEmojiPicker.vue	100.00% <100.00%> (ø)
packages/frontend/src/components/MkNote.vue	100.00% <100.00%> (ø)
packages/frontend/src/components/MkNoteHeader.vue	100.00% <100.00%> (ø)
packages/frontend/src/components/MkNotePreview.vue	100.00% <100.00%> (ø)
packages/frontend/src/components/MkPostForm.vue	100.00% <100.00%> (ø)
...ges/frontend/src/components/MkPostFormAttaches.vue	100.00% <100.00%> (ø)
... and 5 more

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.

[tamaina]

🙏 🙏🙏

[melt-adzuki]

この実装だとタップして検索バーか上になったときにも下部にmarginができるのでまずいです

[melt-adzuki]

あとtopにも不要なpaddingが発生している

[tamaina]

あとtopにも不要なpaddingが発生している

なんで？？

[tamaina]

タップして検索バーか上になったときにも下部にmarginができる

focusの時はmarginなしにするか

[tamaina]

あとtopにも不要なpaddingが発生している

なんで？？

背面と重なってpaddingがあるように見えているだけな気がする

[melt-adzuki]

なんで？？

padding: 12px 0 max(env(safe-area-inset-bottom, 0px), 12px) 0; ← これのせい(本来は下部だけでいい)

focusの時はmarginなしにするか

これ参考にしてほしい
afcdd6e#diff-8dbcaac9f6f583b99a6355e32ca18c765bd83f6c24d821daf7baf3d140970108

[tamaina]

paddingじゃなくてmarginとかで整えるべきじゃの