paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-10-23 04:52:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

realm_logo: Add fallback for MediaQueryList.addEventListener.

Browse Source 
MediaQueryList.addEventListener is missing in Safari < 14:
https://caniuse.com/mdn-api_mediaquerylist_eventtarget_inheritance

Fixes #23915.

Signed-off-by: Anders Kaseorg <anders@zulip.com>
This commit is contained in:
Anders Kaseorg
2022-12-24 20:32:51 -08:00
committed by Tim Abbott
parent 52d9c96ae9
commit 53238f0e8f
1 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
static/js/realm_logo.js
View File

@@ -105,10 +105,16 @@ export function initialize() {
render();
// Rerender the realm-logo when the browser detects color scheme changes.
const dark_mode_media_query_list = window.matchMedia("(prefers-color-scheme: dark)");
dark_mode_media_query_list.addEventListener("change", () => {
const media_query_list = window.matchMedia("(prefers-color-scheme: dark)");
// MediaQueryList.addEventListener is missing in Safari < 14
const listener = () => {
if ($(":root").hasClass("color-scheme-automatic")) {
render();
}
});
};
if ("addEventListener" in media_query_list) {
media_query_list.addEventListener("change", listener);
} else {
media_query_list.addListener(listener);
}
}