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

View File

@ -6,11 +6,13 @@
--marginHalf: 10px;
--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) {
--margin: var(--marginHalf);
--minBottomSpacing: calc(72px + max(12px, env(safe-area-inset-bottom, 0px)));
}
//--ad: rgb(255 169 0 / 10%);

View File

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