header fixes

This commit is contained in:
Jerry
2022-08-02 11:02:06 +02:00
parent ae9f10b052
commit 65cbd9cd51
3 changed files with 13 additions and 12 deletions

View File

@@ -115,10 +115,10 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<header class="header">
<div class="cont">
<div class="header-cont">
<button class="header-menu-toggle header-btn mobile">
<button class="header-menu-toggle header-btn mobile" title="Open Menu">
<span class="icon-menu"></span>
</button>
<a href="#" class="logo">
<a href="#" class="logo" title="Logo">
<picture>
<source media="(min-width: 600px)" srcset="<?= get_lawcarta_url()?>/img/logo.svg">
<img src="<?= get_lawcarta_url()?>/img/logo-mobile.svg" alt="Logo">
@@ -131,25 +131,25 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<div class="search-input with-btn">
<div class="si-flex">
<div class="close-search">
<button class="header-btn">
<button class="header-btn" title="Close Search">
<span class="icon-back"></span>
</button>
</div>
<div class="left">
<span class="icon-search hide-sm"></span>
<button class="button clear link">
<button class="button clear link" title="Clear Search">
<span class="icon-close"></span>
</button>
<input type="text" class="form-control" placeholder="Search books and study materials" id="header-search">
</div>
<div class="right">
<button class="button action" id="header-search-btn">
<button class="button action" id="header-search-btn" title="Start Search">
<span class="icon-search"></span>
</button>
</div>
</div>
</div>
<button class="header-btn open-search">
<button class="header-btn open-search" title="Open Search">
<span class="icon-search"></span>
</button>
</div>
@@ -157,7 +157,7 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
</div>
<div class="mobile-menu">
<div class="mm-bg"></div>
<button class="close-header-menu header-btn">
<button class="close-header-menu header-btn" title="Close Menu">
<span class="icon-close"></span>
</button>
<div class="mm-cont">
@@ -213,7 +213,6 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
library: appUrl + '/library',
bundles: appUrl + '/bundle',
features: wpUrl + '/features',
blog: wpUrl + '/blog',
aboutUs: wpUrl + '/about-us',
cart: appUrl + '/checkout/cart',
login: appUrl + '/user/login',
@@ -233,7 +232,6 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
let isPageSelected = {
home: currentPage === '/' ? ' selected' : '',
features: currentPage.indexOf('/features') === 0 ? ' selected' : '',
blog: currentPage.indexOf('/blog') === 0 ? ' selected' : '',
aboutUs: currentPage.indexOf('/about-us') === 0 ? ' selected' : ''
}
@@ -244,7 +242,6 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
if (!isGuest) desktopLinks += '<a href="' + linksObject.library + '" class="menu-link movable"><span class="text">My Library</span></a>';
if (!isGuest) desktopLinks += '<a href="' + linksObject.bundles + '" class="menu-link movable"><span class="text">Bundles</span></a>';
if (isGuest) desktopLinks += '<a href="' + linksObject.features + '" class="menu-link movable' + isPageSelected.features +'"><span class="text">Features</span></a>';
desktopLinks += '<a href="' + linksObject.blog + '" class="menu-link movable' + isPageSelected.blog +'"><span class="text">Blog</span></a>';
if (isGuest) desktopLinks += '<a href="' + linksObject.aboutUs + '" class="menu-link movable' + isPageSelected.aboutUs +'"><span class="text">About Us</span></a>';
document.querySelector('.desktop-menu').innerHTML = desktopLinks;
@@ -265,13 +262,13 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
`;
}
if (!isGuest) {
hrmHtml += `<button class="header-btn circle header-menu-toggle">
hrmHtml += `<button class="header-btn circle header-menu-toggle" title="Open Menu">
<span class="icon-profile"></span> `;
if (showConfirmationNotice) hrmHtml += '<span class="icon-warning"></span>';
hrmHtml += `</button>`;
}
hrmHtml += `
<a class="header-btn circle" href="` + linksObject.cart + `">
<a class="header-btn circle" href="` + linksObject.cart + `" title="My Cart">
<span class="icon-shop"></span>
</a>
`;