fix: insert bottom spacing appropriately (#11370)

This commit is contained in:
Ibuki Sugiyama 2023-07-25 19:49:52 +09:00 committed by GitHub
parent fe13755be8
commit 545b5cab96
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 7 additions and 2 deletions

View file

@ -18,6 +18,7 @@
### Client ### Client
- リストTLで、ユーザーが追加・削除されてもTLを初期化しないように - リストTLで、ユーザーが追加・削除されてもTLを初期化しないように
- Fix: モバイル表示のときページ下部がナビゲーションバーに隠れる問題を修正
### Server ### Server
- Fix: APIのオフセットが壊れていたせいで「もっと見る」でもっと見れない問題を修正 - Fix: APIのオフセットが壊れていたせいで「もっと見る」でもっと見れない問題を修正

View file

@ -6,11 +6,13 @@
--marginHalf: 10px; --marginHalf: 10px;
--margin: var(--marginFull); --margin: var(--marginFull);
--minBottomSpacing: 0px;
// switch dynamically
--minBottomSpacingMobile: calc(72px + max(12px, env(safe-area-inset-bottom, 0px)));
--minBottomSpacing: var(--minBottomSpacingMobile);
@media (max-width: 500px) { @media (max-width: 500px) {
--margin: var(--marginHalf); --margin: var(--marginHalf);
--minBottomSpacing: calc(72px + max(12px, env(safe-area-inset-bottom, 0px)));
} }
//--ad: rgb(255 169 0 / 10%); //--ad: rgb(255 169 0 / 10%);

View file

@ -207,9 +207,11 @@ watch($$(navFooter), () => {
if (navFooter) { if (navFooter) {
navFooterHeight = navFooter.offsetHeight; navFooterHeight = navFooter.offsetHeight;
document.body.style.setProperty('--stickyBottom', `${navFooterHeight}px`); document.body.style.setProperty('--stickyBottom', `${navFooterHeight}px`);
document.body.style.setProperty('--minBottomSpacing', 'var(--minBottomSpacingMobile)');
} else { } else {
navFooterHeight = 0; navFooterHeight = 0;
document.body.style.setProperty('--stickyBottom', '0px'); document.body.style.setProperty('--stickyBottom', '0px');
document.body.style.setProperty('--minBottomSpacing', '0px');
} }
}, { }, {
immediate: true, immediate: true,