diff --git a/src/profiles/Profile.css b/src/profiles/Profile.css index fa506b7..9b8e17a 100644 --- a/src/profiles/Profile.css +++ b/src/profiles/Profile.css @@ -12,12 +12,16 @@ .banner { width: 100%; - margin-top: calc(-1 * var(--scaffold-topbar-height)); + margin-top: calc(-1 * (var(--scaffold-topbar-height) + var(--safe-area-inset-top))); >img { object-fit: cover; width: 100%; height: 100%; + + &::before { + visibility: hidden; + } } } diff --git a/src/timelines/MediaAttachmentGrid.css b/src/timelines/MediaAttachmentGrid.css index 8811f49..6b659c4 100644 --- a/src/timelines/MediaAttachmentGrid.css +++ b/src/timelines/MediaAttachmentGrid.css @@ -4,7 +4,6 @@ margin-left: calc(var(--card-pad, 0) + var(--toot-avatar-size, 0) + 8px); margin-right: var(--card-pad, 0); gap: 4px; - contain: layout style; > :where(img, video) { max-height: 35vh; diff --git a/src/timelines/toot-components/PreviewCard.css b/src/timelines/toot-components/PreviewCard.css index a62c17c..17d9f2b 100644 --- a/src/timelines/toot-components/PreviewCard.css +++ b/src/timelines/toot-components/PreviewCard.css @@ -1,7 +1,7 @@ .PreviewCard { display: block; border: 1px solid #eeeeee; - background-color: var(--tutu-color-surface-d); + background-color: var(--tutu-color-surface); text-decoration: none; border-radius: 4px; overflow: hidden; @@ -13,16 +13,16 @@ overflow: hidden; z-index: 1; position: relative; - contain: layout style; >img { - background-color: var(--tutu-color-surface); + background-color: #eeeeee; max-width: 100%; height: auto; } &:hover, &:focus-visible { + background-color: var(--tutu-color-surface-d); color: var(--tutu-color-on-surface); >h1 { diff --git a/src/timelines/toot.module.css b/src/timelines/toot.module.css index b79f896..ecd74a1 100644 --- a/src/timelines/toot.module.css +++ b/src/timelines/toot.module.css @@ -46,7 +46,6 @@ align-items: flex-start; gap: 8px; margin-bottom: 8px; - contain: layout style; > :not(:first-child) { flex-grow: 1;