mirror of
https://git.joinsharkey.org/Sharkey/Sharkey.git
synced 2024-11-08 23:33:09 +02:00
fix: insert bottom spacing appropriately (#11370)
This commit is contained in:
parent
fe13755be8
commit
545b5cab96
3 changed files with 7 additions and 2 deletions
|
@ -18,6 +18,7 @@
|
||||||
|
|
||||||
### Client
|
### Client
|
||||||
- リストTLで、ユーザーが追加・削除されてもTLを初期化しないように
|
- リストTLで、ユーザーが追加・削除されてもTLを初期化しないように
|
||||||
|
- Fix: モバイル表示のときページ下部がナビゲーションバーに隠れる問題を修正
|
||||||
|
|
||||||
### Server
|
### Server
|
||||||
- Fix: APIのオフセットが壊れていたせいで「もっと見る」でもっと見れない問題を修正
|
- Fix: APIのオフセットが壊れていたせいで「もっと見る」でもっと見れない問題を修正
|
||||||
|
|
|
@ -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%);
|
||||||
|
|
|
@ -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,
|
||||||
|
|
Loading…
Reference in a new issue