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 { #compose-button .icon {
filter: drop-shadow(0 1px 2px var(--button-bg-color)); filter: drop-shadow(0 1px 2px var(--button-bg-color));
} }
#app:has(#shortcuts .tab-bar) #compose-button { @media (max-width: calc(40em - 1px)) {
bottom: calc(16px + 52px); #app:has(#shortcuts .tab-bar) #compose-button {
bottom: calc(16px + env(safe-area-inset-bottom) + 52px); bottom: calc(16px + 52px);
bottom: calc(16px + env(safe-area-inset-bottom) + 52px);
}
} }
/* SHEET */ /* SHEET */

View file

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