PirateCare
/
Syllabus
23
1
Fork 1
Code Issues 6 Pull Requests Releases Wiki Activity

moved mobile up to 767px.. so ipad gets desktop version..

This commit is contained in:
Marcell Mars 2020-09-10 13:43:27 +02:00
parent acd6796414
commit e49420bf86
2 changed files with 23 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
themes/sandpoints/assets/css/site.css
View File

@ -428,6 +428,7 @@ body {
font-size: 1.4rem; font-size: 1.4rem;
padding-left: 3rem; padding-left: 3rem;
padding-top: 0.5rem; padding-top: 0.5rem;
padding-right: 2rem;
color: black; color: black;
} }
@ -725,10 +726,10 @@ h6:before {
h2.nocount:before, h3.nocount:before, h4.nocount:before, h5.nocount:before, h6.nocount:before { content: ""; counter-increment: none } h2.nocount:before, h3.nocount:before, h4.nocount:before, h5.nocount:before, h6.nocount:before { content: ""; counter-increment: none }
@media (max-width: 361px) { @media (max-width: 767px) {
html { html {
box-sizing: border-box; box-sizing: border-box;
max-width: 360px; max-width: 767px;
margin: 0 auto; margin: 0 auto;
padding: 0; padding: 0;
} }

21
themes/sandpoints/assets/js/sandpoints.js
View File

@ -1,5 +1,5 @@
window.addEventListener('scroll', function(e) { window.addEventListener('scroll', function(e) {
if (document.querySelector('body').clientWidth > 1024) { if (document.querySelector('body').clientWidth > 767) {
let rightcolumn = document.querySelector('.rightcolumn'); let rightcolumn = document.querySelector('.rightcolumn');
let mantletitle = document.querySelector('.mantletitle') || document.querySelector('.crusttitle') || false; let mantletitle = document.querySelector('.mantletitle') || document.querySelector('.crusttitle') || false;
if (!mantletitle) { if (!mantletitle) {
@ -22,6 +22,25 @@ window.addEventListener('scroll', function(e) {
grid.style.display = "grid"; grid.style.display = "grid";
window.scroll({top: 0, behavior: 'smooth'}) window.scroll({top: 0, behavior: 'smooth'})
} }
} else {
let rightcolumn = document.querySelector('.rightcolumn');
let mantletitle = document.querySelector('.mantletitle') || document.querySelector('.crusttitle') || false;
if (!mantletitle) {
return
}
let mantlebar = document.querySelector('.mantlebar')
let grid = document.querySelector('.grid')
let gridrect = mantletitle.getBoundingClientRect();
if (gridrect.top < 20 && !grid.classList.contains('moved')) {
grid.classList.add('moved');
mantlebar.style.display = "inline";
mantletitle.style.visibility = "hidden";
} else if (gridrect.top > 21 && grid.classList.contains('moved')) {
grid.classList.remove('moved');
mantletitle.style.visibility = "visible";
mantlebar.style.display = "none";
}
} }
}) })