diff --git a/src/components/mediaViewer/MediaViewerContent.scss b/src/components/mediaViewer/MediaViewerContent.scss index dea766b56..192e148eb 100644 --- a/src/components/mediaViewer/MediaViewerContent.scss +++ b/src/components/mediaViewer/MediaViewerContent.scss @@ -41,4 +41,8 @@ .Spinner { margin: auto; } + + img, video { + dynamic-range-limit: no-limit; + } } diff --git a/src/components/story/StoryViewer.module.scss b/src/components/story/StoryViewer.module.scss index def0750ec..64feb88f2 100644 --- a/src/components/story/StoryViewer.module.scss +++ b/src/components/story/StoryViewer.module.scss @@ -272,6 +272,8 @@ transition: opacity 300ms; + dynamic-range-limit: no-limit; + :global(body.ghost-animating) .activeSlide & { visibility: hidden; } diff --git a/src/styles/reboot.css b/src/styles/reboot.css index 56b21ad5d..d371bef3f 100644 --- a/src/styles/reboot.css +++ b/src/styles/reboot.css @@ -172,6 +172,10 @@ img { vertical-align: middle; } +img, video { + dynamic-range-limit: standard; +} + svg:not(:root) { overflow: hidden; } diff --git a/src/util/browser/windowEnvironment.ts b/src/util/browser/windowEnvironment.ts index edd45cbf5..f0976d202 100644 --- a/src/util/browser/windowEnvironment.ts +++ b/src/util/browser/windowEnvironment.ts @@ -113,7 +113,7 @@ export const IS_OPEN_IN_NEW_TAB_SUPPORTED = !(IS_PWA && IS_MOBILE); export const IS_TRANSLATION_SUPPORTED = !IS_TEST; export const IS_TRANSLATION_DETECTOR_SUPPORTED = 'LanguageDetector' in window; export const IS_VIEW_TRANSITION_SUPPORTED = CSS.supports('view-transition-class: test') - && !IS_FIREFOX; // Fix flashing elements before removing + && !IS_FIREFOX; // https://bugzilla.mozilla.org/show_bug.cgi?id=1994547 export const MESSAGE_LIST_SENSITIVE_AREA = 750;