Local preview: Ensure background blur is opaque to items behind it

This commit is contained in:
Scott Nonnenberg
2025-04-02 07:21:16 +10:00
committed by GitHub
parent 40e91e96fd
commit ef4cee63e9
2 changed files with 8 additions and 1 deletions

View File

@@ -4551,6 +4551,10 @@ button.module-image__border-overlay:focus {
bottom: 16px;
}
&__background {
background-color: variables.$color-gray-78;
}
&__video {
height: 100%;
width: 100%;

View File

@@ -508,7 +508,10 @@ export function CallScreen({
ref={setLocalPreviewContainer}
/>
) : (
<CallBackgroundBlur avatarUrl={me.avatarUrl}>
<CallBackgroundBlur
className="module-ongoing-call__local-preview__background"
avatarUrl={me.avatarUrl}
>
<Avatar
avatarPlaceholderGradient={me.avatarPlaceholderGradient}
avatarUrl={me.avatarUrl}