notfire/Iceshrimp.NET
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[frontend/components] Improve mobile emoji picker and menu positioning and padding

Browse source
This commit is contained in:
pancakes 2025-03-21 15:56:36 +10:00
parent b9b19b44af
commit ca8f28c1fd
No known key found for this signature in database
2 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
Iceshrimp.Frontend/Components/EmojiPicker.razor.css
View file

@ -42,7 +42,8 @@ summary {
.emoji-picker { .emoji-picker {
top: unset; top: unset;
left: 0; left: 0;
bottom: 0; /*Display emoji picker above keyboard (currently only on Chrome)*/
bottom: env(keyboard-inset-height, 0);
position: fixed; position: fixed;
width: 100vw; width: 100vw;
max-width: 100vw; max-width: 100vw;

2
Iceshrimp.Frontend/Components/Menu.razor.css
View file

@ -40,6 +40,6 @@
border-right: none; border-right: none;
border-radius: 0; border-radius: 0;
z-index: +26; z-index: +26;
padding-bottom: env(safe-area-inset-bottom); padding-bottom: calc(0.5rem + env(safe-area-inset-bottom, 0px));
} }
} }