iOS上のPWA版Cosenseでstatus barがホームインジケーターに隠れないようにするUserCSS
PWAかつ縦画面かつiOS端末のとき、heightとpadding-bottomを変更する
本当はenv(safe-area-inset-bottom)が使いたかったが、viewport-fit=coverが設定されていない限り使えないようなので仕方なく決め打ち
値は適当
code:style.css
:root {
--safe-area-inset-bottom: 18px;
}
@media (display-mode: standalone) and (orientation: portrait) {
.status-bar {
height: calc(20px + var(--safe-area-inset-bottom));
div {
padding-bottom: var(--safe-area-inset-bottom) !important;
}
}
}
}
References