From e58b3579187dfe94615453e57e5f810c2b9e42fe Mon Sep 17 00:00:00 2001
From: Takeshi Kishi <takeya0x86@icloud.com>
Date: Sun, 9 Apr 2023 01:37:45 +0900
Subject: [PATCH] =?UTF-8?q?fix(client):=20PWA=E6=99=82=E3=81=AE=E7=B5=B5?=
 =?UTF-8?q?=E6=96=87=E5=AD=97=E3=83=94=E3=83=83=E3=82=AB=E3=83=BC=E3=81=AE?=
 =?UTF-8?q?=E4=BD=8D=E7=BD=AE=E3=82=92=E3=83=9B=E3=83=BC=E3=83=A0=E3=83=90?=
 =?UTF-8?q?=E3=83=BC=E3=81=AB=E9=87=8D=E3=81=AA=E3=82=89=E3=81=AA=E3=81=84?=
 =?UTF-8?q?=E3=82=88=E3=81=86=E3=81=AB=E8=AA=BF=E6=95=B4=20(#10534)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix emoji picker padding

emoji picker bottoms are hidden by iPhone Home Bar.
To fix this, add safe-area padding

* update CHANGELOG
---
 CHANGELOG.md                                       | 1 +
 packages/frontend/src/components/MkEmojiPicker.vue | 1 +
 2 files changed, 2 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index adc9891746..36eaa3e43b 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -34,6 +34,7 @@
 	  - 猫耳のアバター内部部分をぼかしでマスク表示してより猫耳っぽく見えるように
 	- 「UIのアニメーションを減らす」 (`reduceAnimation`) で猫耳を撫でられなくなります
 - Add Minimizing ("folding") of windows
+- PWA時の絵文字ピッカーの位置をホームバーに重ならないように調整
 
 ### Server
 - PostgreSQLのレプリケーション対応
diff --git a/packages/frontend/src/components/MkEmojiPicker.vue b/packages/frontend/src/components/MkEmojiPicker.vue
index a5a39108d6..0ae182ce32 100644
--- a/packages/frontend/src/components/MkEmojiPicker.vue
+++ b/packages/frontend/src/components/MkEmojiPicker.vue
@@ -439,6 +439,7 @@ defineExpose({
 
 	&.asDrawer {
 		width: 100% !important;
+		padding: 12px 0 max(env(safe-area-inset-bottom, 0px), 12px) 0;
 
 		> .emojis {
 			::v-deep(section) {