Style fixes for new tab/menu bar

This commit is contained in:
Lim Chee Aun 2023-02-28 08:30:38 +08:00
parent 327ba37fdf
commit 57200b382f
2 changed files with 7 additions and 5 deletions

View file

@ -964,9 +964,11 @@ body:has(.status-deck) .media-post-link {
#compose-button .icon {
filter: drop-shadow(0 1px 2px var(--button-bg-color));
}
#app:has(#shortcuts .tab-bar) #compose-button {
bottom: calc(16px + 52px);
bottom: calc(16px + env(safe-area-inset-bottom) + 52px);
@media (max-width: calc(40em - 1px)) {
#app:has(#shortcuts .tab-bar) #compose-button {
bottom: calc(16px + 52px);
bottom: calc(16px + env(safe-area-inset-bottom) + 52px);
}
}
/* SHEET */

View file

@ -120,10 +120,10 @@ shortcuts .tab-bar[hidden] {
}
@media (min-width: calc(40em)) {
.timeline-deck {
#app:has(#shortcuts .tab-bar) .timeline-deck {
margin-top: 44px;
}
.timeline-deck > header {
#app:has(#shortcuts .tab-bar) .timeline-deck > header {
--margin-top: calc(44px + 8px);
}
#shortcuts .tab-bar:not([hidden]) {