nishiki/hugo-theme-relearn
1
0
Fork 0
mirror of https://github.com/McShelby/hugo-theme-relearn.git synced 2025-06-09 10:24:03 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

theme: fix mobile layout for width=48rem

Browse source 
clumsy solution as long as we still support IE11, otherwise we could have used
media query range syntax
This commit is contained in:
Sören Weber 2023-10-05 08:51:31 +02:00
parent 3c39bffe70
commit d2cfca4b2e
No known key found for this signature in database
GPG key ID: BEC6D55545451B6D
6 changed files with 19 additions and 19 deletions
static/js
theme.js

4
static/js/theme.js
View file

@ -1636,9 +1636,9 @@ ready( function(){
moveTopbarButtons();
adjustEmptyTopbarContents();
}
var mqs = window.matchMedia( 'only screen and (max-width: 48rem)' );
var mqs = window.matchMedia( 'only screen and (max-width: 47.999rem)' );
mqs.addEventListener( 'change', onWidthChange.bind( null, setWidthS ) );
var mqm = window.matchMedia( 'only screen and (min-width: 48rem) and (max-width: 60rem)' );
var mqm = window.matchMedia( 'only screen and (min-width: 48rem) and (max-width: 59.999rem)' );
mqm.addEventListener( 'change', onWidthChange.bind( null, setWidthM ) );
var mql = window.matchMedia( 'only screen and (min-width: 60rem)' );
mql.addEventListener( 'change', onWidthChange.bind( null, setWidthL ) );