Leahnaya/mastodon
1
0
Fork 0
mirror of https://github.com/mastodon/mastodon.git synced 2026-09-27 23:19:38 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Redesign: Fix bottom sheet backdrop under iOS address bar (#40622)

Browse Source
This commit is contained in:
diondiondion
2026-09-21 10:15:38 +00:00
committed by GitHub
parent fd612ff1f4
commit 3397dbc2e9
1 changed files with 13 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
app/javascript/mastodon/components/bottom_sheet/styles.module.scss
View File

@@ -12,8 +12,19 @@
overscroll-behavior: contain;
&::backdrop {
opacity: 0.9;
background-color: var(--color-bg-overlay);
--bg: #{rgb(from var(--color-bg-overlay) r g b / 90%)};
background: var(--bg);
// Paint a bit (or nothing) of the the bottom sheet's primary
// background color at the bottom of the ::backdrop to get
// Safari on iOS to paint the background behind its address bar
// in the same primary bg color rather than the dark overlay color.
background: linear-gradient(
to top,
var(--color-bg-primary) env(safe-area-inset-bottom),
var(--bg) env(safe-area-inset-bottom)
);
}
&::after {