Skip to content

MSF / msf-climate-hub

Go to a project
Toggle navigation
Toggle navigation pinning
73a89c5c by Jeff Balicki
Options

fix 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 7b4ae47a
Inline Side-by-side
Showing 12 changed files with 45 additions and 14 deletions
......@@ -16631,7 +16631,8 @@ html.mega-menu-primary-off-canvas-open #wpadminbar {
height: 2.5625rem;
border: 0rem solid #EE0000;
border-radius: 0rem 50% 50% 0rem;
display: none;
opacity: 0 !important;
transition: 0.5s !important;
}
.back-one-level span {
color: #fff;
......@@ -16654,8 +16655,8 @@ html.mega-menu-primary-off-canvas-open #wpadminbar {
.back-one-level:hover {
background-color: #669999;
}
.is-visible .back-one-level {
display: block !important;
.is-bt-active {
opacity: 1 !important;
}
.mega-indicator {
display: none !important;
......@@ -18504,7 +18505,7 @@ ul.sf_date_field .sf-datepicker {
margin: unset;
background-color: #e00;
background-image: none;
position: absolute;
position: fixed;
left: 0;
top: 2.5rem;
width: 2.5rem;
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
......@@ -20677,6 +20677,7 @@
const backOneLevelBtns = pageHeader.querySelectorAll(".back-one-level");
const isVisibleClass = "is-visible";
const isActiveClass = "is-active";
const isBtVisible = "is-bt-active";
for (const level1Link of level1Links) {
level1Link.addEventListener("click", function (e) {
const siblingList = level1Link.nextElementSibling;
......@@ -20688,6 +20689,9 @@
subMenuWrapper2.innerHTML = "";
subMenuWrapper2.append(cloneSiblingList);
listWrapper2.classList.add(isVisibleClass);
setTimeout(() => {
backOneLevelBtns[0].classList.add(isBtVisible);
}, 500);
}
});
}
......@@ -20702,6 +20706,9 @@
subMenuWrapper3.innerHTML = "";
subMenuWrapper3.append(cloneSiblingList);
listWrapper3.classList.add(isVisibleClass);
setTimeout(() => {
backOneLevelBtns[1].classList.add(isBtVisible);
}, 500);
} else if (parent.tagName.toLowerCase() === "a" && parent.nextElementSibling) {
const siblingList = parent.nextElementSibling;
e.preventDefault();
......@@ -20710,15 +20717,19 @@
subMenuWrapper3.innerHTML = "";
subMenuWrapper3.append(cloneSiblingList);
listWrapper3.classList.add(isVisibleClass);
setTimeout(() => {
backOneLevelBtns[1].classList.add(isBtVisible);
}, 500);
}
});
for (const backOneLevelBtn of backOneLevelBtns) {
backOneLevelBtn.addEventListener("click", function () {
console.log(this);
this.style.display = "";
const parent = this.closest(".list-wrapper");
parent.classList.remove(isVisibleClass);
// parent.previousElementSibling
// .querySelector(".is-active")
// .classList.remove(isActiveClass);
this.classList.remove(isBtVisible);
this.classList.remove(isBtVisible);
});
}
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
......@@ -15,6 +15,7 @@ const subMenuWrapper3 = listWrapper3.querySelector(".sub-menu-wrapper");
const backOneLevelBtns = pageHeader.querySelectorAll(".back-one-level");
const isVisibleClass = "is-visible";
const isActiveClass = "is-active";
const isBtVisible = "is-bt-active";
......@@ -32,6 +33,9 @@ for (const level1Link of level1Links) {
subMenuWrapper2.innerHTML = "";
subMenuWrapper2.append(cloneSiblingList);
listWrapper2.classList.add(isVisibleClass);
setTimeout(() => {
backOneLevelBtns[0].classList.add(isBtVisible);
}, 500);
}
});
}
......@@ -47,6 +51,9 @@ listWrapper2.addEventListener("click", function (e) {
subMenuWrapper3.innerHTML = "";
subMenuWrapper3.append(cloneSiblingList);
listWrapper3.classList.add(isVisibleClass);
setTimeout(() => {
backOneLevelBtns[1].classList.add(isBtVisible);
}, 500);
}else if (parent.tagName.toLowerCase() === "a" && parent.nextElementSibling) {
const siblingList = parent.nextElementSibling;
e.preventDefault();
......@@ -55,15 +62,20 @@ listWrapper2.addEventListener("click", function (e) {
subMenuWrapper3.innerHTML = "";
subMenuWrapper3.append(cloneSiblingList);
listWrapper3.classList.add(isVisibleClass);
setTimeout(() => {
backOneLevelBtns[1].classList.add(isBtVisible);
}, 500);
}
});
for (const backOneLevelBtn of backOneLevelBtns) {
backOneLevelBtn.addEventListener("click", function () {
console.log(this);
this.style.display = "";
const parent = this.closest(".list-wrapper");
parent.classList.remove(isVisibleClass);
// parent.previousElementSibling
// .querySelector(".is-active")
// .classList.remove(isActiveClass);
this.classList.remove(isBtVisible);
this.classList.remove(isBtVisible);
});
}
\ No newline at end of file
......
......@@ -186,7 +186,10 @@
height: 2.5625rem;
border: 0rem solid #EE0000;
border-radius: 0rem 50% 50% 0rem;
display: none;
//display: none;
opacity: 0 !important;
transition: 0.5s !important;
span{
color: #fff;
......@@ -211,9 +214,13 @@
.back-one-level:hover {
background-color: #669999;
}
.is-bt-active{
opacity: 1 !important;
}
.is-visible{
.back-one-level{
display: block !important;
//display: block !important;
}
}
.mega-indicator{
......
......@@ -569,7 +569,7 @@ ul.sf_date_field {
margin: unset;
background-color: #e00;
background-image: none;
position: absolute;
position: fixed;
left: 0;
top: 2.5rem;
width: 2.5rem;
......
......@@ -2,6 +2,6 @@
Theme Name: MSF CA Child
Author: Tenzing Communications
Template: msf-ca
Version: 1.0.482
Version: 1.0.483
*/
......