kaholaz/hello-friend-ng
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Respect linter

Browse source
This commit is contained in:
Djordje Atlialp 2020-05-12 09:12:20 +02:00
parent c6ecbfb9e4
commit 9474c646ca
No known key found for this signature in database
GPG key ID: 50C5BBECF350BB74
2 changed files with 18 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

10
assets/js/menu.js
View file

@ -2,7 +2,9 @@
const menuTrigger = document.querySelector(".menu-trigger"); const menuTrigger = document.querySelector(".menu-trigger");
const menu = document.querySelector(".menu"); const menu = document.querySelector(".menu");
const mobileQuery = getComputedStyle(document.body).getPropertyValue("--phoneWidth"); const mobileQuery = getComputedStyle(document.body).getPropertyValue(
"--phoneWidth"
);
const isMobile = () => window.matchMedia(mobileQuery).matches; const isMobile = () => window.matchMedia(mobileQuery).matches;
const isMobileMenu = () => { const isMobileMenu = () => {
menuTrigger && menuTrigger.classList.toggle("hidden", !isMobile()); menuTrigger && menuTrigger.classList.toggle("hidden", !isMobile());
@ -11,6 +13,10 @@ const isMobileMenu = () => {
isMobileMenu(); isMobileMenu();
menuTrigger && menuTrigger.addEventListener("click", () => menu && menu.classList.toggle("hidden")); menuTrigger &&
menuTrigger.addEventListener(
"click",
() => menu && menu.classList.toggle("hidden")
);
window.addEventListener("resize", isMobileMenu); window.addEventListener("resize", isMobileMenu);

18
assets/js/theme.js
View file

@ -1,13 +1,15 @@
// Toggle theme // Toggle theme
const getTheme = window.localStorage && window.localStorage.getItem("theme"); const theme = window.localStorage && window.localStorage.getItem("theme");
const themeToggle = document.querySelector(".theme-toggle"); const themeToggle = document.querySelector(".theme-toggle");
const isDark = getTheme === "dark"; const isDark = theme === "dark";
var metaThemeColor = document.querySelector("meta[name=theme-color]"); var metaThemeColor = document.querySelector("meta[name=theme-color]");
if (getTheme !== null) { if (theme !== null) {
document.body.classList.toggle("dark-theme", isDark); document.body.classList.toggle("dark-theme", isDark);
isDark ? metaThemeColor.setAttribute("content", "#252627") : metaThemeColor.setAttribute("content", "#fafafa"); isDark
? metaThemeColor.setAttribute("content", "#252627")
: metaThemeColor.setAttribute("content", "#fafafa");
} }
themeToggle.addEventListener("click", () => { themeToggle.addEventListener("click", () => {
@ -15,9 +17,9 @@ themeToggle.addEventListener("click", () => {
window.localStorage && window.localStorage &&
window.localStorage.setItem( window.localStorage.setItem(
"theme", "theme",
document.body.classList.contains("dark-theme") ? "dark" : "light", document.body.classList.contains("dark-theme") ? "dark" : "light"
); );
document.body.classList.contains("dark-theme") ? document.body.classList.contains("dark-theme")
metaThemeColor.setAttribute("content", "#252627") : metaThemeColor.setAttribute("content", "#fafafa"); ? metaThemeColor.setAttribute("content", "#252627")
; : metaThemeColor.setAttribute("content", "#fafafa");
}); });