achmizs/deus-gaming
1
0
Fork 1
Code Issues Pull Requests 1 Releases Wiki Activity

Compare commits

base: achmizs:42633d9f8527591373c5bc1f11c5f8e21cc458f2
Branches Tags
achmizs:master
achmizs:full-screen-logo-homepage
...
compare: achmizs:43a09369f27ff19fbebe3727d91c5c556b7c2b8e
Branches Tags
achmizs:master
achmizs:full-screen-logo-homepage

2 Commits
42633d9f85 ... 43a09369f2

Author SHA1 Message Date
Said Achmiz
43a09369f2 Improved nav UI hiding behavior on mobile 2020-02-11 23:47:35 -05:00
Said Achmiz
a2e3a0a561 Slight tweak to mobile nav UI layout 2020-02-11 23:42:01 -05:00
2 changed files with 16 additions and 10 deletions
Show Stats Expand all files Collapse all files

2
assets/css/main.css
View File

@ -368,7 +368,7 @@ article {
}
@media only screen and (max-width: 960px) {
article {
margin-top: 2rem;
margin-top: 3rem;
}
}
@supports (-webkit-hyphens:auto) or (-ms-hyphens:auto) or (hyphens:auto) {

16
assets/js/script.js
View File

@ -394,16 +394,22 @@ function updateSiteNavUIState(event) {
if (!GW.scrollState.siteNavUI[0].hasClass("hidden")) toggleSiteNavUI();
}
// On mobile, make site nav UI translucent on ANY scroll down.
// if (GW.mediaQueries.mobileNarrow.matches)
// Make site nav UI translucent when scrolling down.
GW.scrollState.siteNavUI.forEach(element => {
if (GW.scrollState.unbrokenDownScrollDistance > 0) element.addClass("translucent-on-scroll");
else element.removeClass("hidden");
});
// Show site nav UI when scrolling a full page up, or to the top.
if ((GW.scrollState.unbrokenUpScrollDistance > window.innerHeight ||
GW.scrollState.lastScrollTop == 0)) showSiteNavUI();
// On desktop, show site nav UI when scrolling a full page up, or to the
// the top of the page.
// On mobile, show site nav UI translucent on ANY scroll up.
if (GW.mediaQueries.mobileNarrow.matches) {
if (GW.scrollState.unbrokenUpScrollDistance > 0)
showSiteNavUI();
} else if ( GW.scrollState.unbrokenUpScrollDistance > window.innerHeight
|| GW.scrollState.lastScrollTop == 0) {
showSiteNavUI();
}
}
function toggleSiteNavUI() {