diff --git a/assets/js/dark-mode.js b/assets/js/dark-mode.js index 1f0b2fdc..245cae0a 100644 --- a/assets/js/dark-mode.js +++ b/assets/js/dark-mode.js @@ -37,8 +37,8 @@ if (!pref) { // real-time switching if supported by OS/browser // TODO: stop listening when the parent condition becomes false, // right now these keep listening even if pref is set. - window.matchMedia('(prefers-color-scheme: dark)').addListener(e => e.matches && activateDarkMode()); - window.matchMedia('(prefers-color-scheme: light)').addListener(e => e.matches && activateLightMode()); + window.matchMedia('(prefers-color-scheme: dark)').addListener(function(e) { if (e.matches) activateDarkMode(); }); + window.matchMedia('(prefers-color-scheme: light)').addListener(function(e) { if (e.matches) activateLightMode(); }); } // handle lightbulb click diff --git a/assets/sass/components/_global.scss b/assets/sass/components/_global.scss index 540c05ab..23a454f1 100644 --- a/assets/sass/components/_global.scss +++ b/assets/sass/components/_global.scss @@ -17,6 +17,7 @@ main { margin: 0 auto; padding-left: 1.5em; padding-right: 1.5em; + display: block; // https://stackoverflow.com/questions/28794718/max-width-not-working-for-ie-11 @include themed() { color: t(color-text);