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 { ...@@ -16631,7 +16631,8 @@ html.mega-menu-primary-off-canvas-open #wpadminbar {
16631 height: 2.5625rem; 16631 height: 2.5625rem;
16632 border: 0rem solid #EE0000; 16632 border: 0rem solid #EE0000;
16633 border-radius: 0rem 50% 50% 0rem; 16633 border-radius: 0rem 50% 50% 0rem;
16634 display: none; 16634 opacity: 0 !important;
16635 transition: 0.5s !important;
16635 } 16636 }
16636 .back-one-level span { 16637 .back-one-level span {
16637 color: #fff; 16638 color: #fff;
...@@ -16654,8 +16655,8 @@ html.mega-menu-primary-off-canvas-open #wpadminbar { ...@@ -16654,8 +16655,8 @@ html.mega-menu-primary-off-canvas-open #wpadminbar {
16654 .back-one-level:hover { 16655 .back-one-level:hover {
16655 background-color: #669999; 16656 background-color: #669999;
16656 } 16657 }
16657 .is-visible .back-one-level { 16658 .is-bt-active {
16658 display: block !important; 16659 opacity: 1 !important;
16659 } 16660 }
16660 .mega-indicator { 16661 .mega-indicator {
16661 display: none !important; 16662 display: none !important;
...@@ -18504,7 +18505,7 @@ ul.sf_date_field .sf-datepicker { ...@@ -18504,7 +18505,7 @@ ul.sf_date_field .sf-datepicker {
18504 margin: unset; 18505 margin: unset;
18505 background-color: #e00; 18506 background-color: #e00;
18506 background-image: none; 18507 background-image: none;
18507 position: absolute; 18508 position: fixed;
18508 left: 0; 18509 left: 0;
18509 top: 2.5rem; 18510 top: 2.5rem;
18510 width: 2.5rem; 18511 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 @@ ...@@ -20677,6 +20677,7 @@
20677 const backOneLevelBtns = pageHeader.querySelectorAll(".back-one-level"); 20677 const backOneLevelBtns = pageHeader.querySelectorAll(".back-one-level");
20678 const isVisibleClass = "is-visible"; 20678 const isVisibleClass = "is-visible";
20679 const isActiveClass = "is-active"; 20679 const isActiveClass = "is-active";
20680 const isBtVisible = "is-bt-active";
20680 for (const level1Link of level1Links) { 20681 for (const level1Link of level1Links) {
20681 level1Link.addEventListener("click", function (e) { 20682 level1Link.addEventListener("click", function (e) {
20682 const siblingList = level1Link.nextElementSibling; 20683 const siblingList = level1Link.nextElementSibling;
...@@ -20688,6 +20689,9 @@ ...@@ -20688,6 +20689,9 @@
20688 subMenuWrapper2.innerHTML = ""; 20689 subMenuWrapper2.innerHTML = "";
20689 subMenuWrapper2.append(cloneSiblingList); 20690 subMenuWrapper2.append(cloneSiblingList);
20690 listWrapper2.classList.add(isVisibleClass); 20691 listWrapper2.classList.add(isVisibleClass);
20692 setTimeout(() => {
20693 backOneLevelBtns[0].classList.add(isBtVisible);
20694 }, 500);
20691 } 20695 }
20692 }); 20696 });
20693 } 20697 }
...@@ -20702,6 +20706,9 @@ ...@@ -20702,6 +20706,9 @@
20702 subMenuWrapper3.innerHTML = ""; 20706 subMenuWrapper3.innerHTML = "";
20703 subMenuWrapper3.append(cloneSiblingList); 20707 subMenuWrapper3.append(cloneSiblingList);
20704 listWrapper3.classList.add(isVisibleClass); 20708 listWrapper3.classList.add(isVisibleClass);
20709 setTimeout(() => {
20710 backOneLevelBtns[1].classList.add(isBtVisible);
20711 }, 500);
20705 } else if (parent.tagName.toLowerCase() === "a" && parent.nextElementSibling) { 20712 } else if (parent.tagName.toLowerCase() === "a" && parent.nextElementSibling) {
20706 const siblingList = parent.nextElementSibling; 20713 const siblingList = parent.nextElementSibling;
20707 e.preventDefault(); 20714 e.preventDefault();
...@@ -20710,15 +20717,19 @@ ...@@ -20710,15 +20717,19 @@
20710 subMenuWrapper3.innerHTML = ""; 20717 subMenuWrapper3.innerHTML = "";
20711 subMenuWrapper3.append(cloneSiblingList); 20718 subMenuWrapper3.append(cloneSiblingList);
20712 listWrapper3.classList.add(isVisibleClass); 20719 listWrapper3.classList.add(isVisibleClass);
20720 setTimeout(() => {
20721 backOneLevelBtns[1].classList.add(isBtVisible);
20722 }, 500);
20713 } 20723 }
20714 }); 20724 });
20715 for (const backOneLevelBtn of backOneLevelBtns) { 20725 for (const backOneLevelBtn of backOneLevelBtns) {
20716 backOneLevelBtn.addEventListener("click", function () { 20726 backOneLevelBtn.addEventListener("click", function () {
20727 console.log(this);
20728 this.style.display = "";
20717 const parent = this.closest(".list-wrapper"); 20729 const parent = this.closest(".list-wrapper");
20718 parent.classList.remove(isVisibleClass); 20730 parent.classList.remove(isVisibleClass);
20719 // parent.previousElementSibling 20731 this.classList.remove(isBtVisible);
20720 // .querySelector(".is-active") 20732 this.classList.remove(isBtVisible);
20721 // .classList.remove(isActiveClass);
20722 }); 20733 });
20723 } 20734 }
20724 20735
......
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"); ...@@ -15,6 +15,7 @@ const subMenuWrapper3 = listWrapper3.querySelector(".sub-menu-wrapper");
15 const backOneLevelBtns = pageHeader.querySelectorAll(".back-one-level"); 15 const backOneLevelBtns = pageHeader.querySelectorAll(".back-one-level");
16 const isVisibleClass = "is-visible"; 16 const isVisibleClass = "is-visible";
17 const isActiveClass = "is-active"; 17 const isActiveClass = "is-active";
18 const isBtVisible = "is-bt-active";
18 19
19 20
20 21
...@@ -32,6 +33,9 @@ for (const level1Link of level1Links) { ...@@ -32,6 +33,9 @@ for (const level1Link of level1Links) {
32 subMenuWrapper2.innerHTML = ""; 33 subMenuWrapper2.innerHTML = "";
33 subMenuWrapper2.append(cloneSiblingList); 34 subMenuWrapper2.append(cloneSiblingList);
34 listWrapper2.classList.add(isVisibleClass); 35 listWrapper2.classList.add(isVisibleClass);
36 setTimeout(() => {
37 backOneLevelBtns[0].classList.add(isBtVisible);
38 }, 500);
35 } 39 }
36 }); 40 });
37 } 41 }
...@@ -47,6 +51,9 @@ listWrapper2.addEventListener("click", function (e) { ...@@ -47,6 +51,9 @@ listWrapper2.addEventListener("click", function (e) {
47 subMenuWrapper3.innerHTML = ""; 51 subMenuWrapper3.innerHTML = "";
48 subMenuWrapper3.append(cloneSiblingList); 52 subMenuWrapper3.append(cloneSiblingList);
49 listWrapper3.classList.add(isVisibleClass); 53 listWrapper3.classList.add(isVisibleClass);
54 setTimeout(() => {
55 backOneLevelBtns[1].classList.add(isBtVisible);
56 }, 500);
50 }else if (parent.tagName.toLowerCase() === "a" && parent.nextElementSibling) { 57 }else if (parent.tagName.toLowerCase() === "a" && parent.nextElementSibling) {
51 const siblingList = parent.nextElementSibling; 58 const siblingList = parent.nextElementSibling;
52 e.preventDefault(); 59 e.preventDefault();
...@@ -55,15 +62,20 @@ listWrapper2.addEventListener("click", function (e) { ...@@ -55,15 +62,20 @@ listWrapper2.addEventListener("click", function (e) {
55 subMenuWrapper3.innerHTML = ""; 62 subMenuWrapper3.innerHTML = "";
56 subMenuWrapper3.append(cloneSiblingList); 63 subMenuWrapper3.append(cloneSiblingList);
57 listWrapper3.classList.add(isVisibleClass); 64 listWrapper3.classList.add(isVisibleClass);
65 setTimeout(() => {
66 backOneLevelBtns[1].classList.add(isBtVisible);
67 }, 500);
58 } 68 }
59 }); 69 });
60 70
61 for (const backOneLevelBtn of backOneLevelBtns) { 71 for (const backOneLevelBtn of backOneLevelBtns) {
62 backOneLevelBtn.addEventListener("click", function () { 72 backOneLevelBtn.addEventListener("click", function () {
73 console.log(this);
74 this.style.display = "";
63 const parent = this.closest(".list-wrapper"); 75 const parent = this.closest(".list-wrapper");
64 parent.classList.remove(isVisibleClass); 76 parent.classList.remove(isVisibleClass);
65 // parent.previousElementSibling 77 this.classList.remove(isBtVisible);
66 // .querySelector(".is-active") 78 this.classList.remove(isBtVisible);
67 // .classList.remove(isActiveClass); 79
68 }); 80 });
69 } 81 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -186,7 +186,10 @@ ...@@ -186,7 +186,10 @@
186 height: 2.5625rem; 186 height: 2.5625rem;
187 border: 0rem solid #EE0000; 187 border: 0rem solid #EE0000;
188 border-radius: 0rem 50% 50% 0rem; 188 border-radius: 0rem 50% 50% 0rem;
189 display: none; 189 //display: none;
190 opacity: 0 !important;
191 transition: 0.5s !important;
192
190 193
191 span{ 194 span{
192 color: #fff; 195 color: #fff;
...@@ -211,9 +214,13 @@ ...@@ -211,9 +214,13 @@
211 .back-one-level:hover { 214 .back-one-level:hover {
212 background-color: #669999; 215 background-color: #669999;
213 } 216 }
217 .is-bt-active{
218 opacity: 1 !important;
219 }
214 .is-visible{ 220 .is-visible{
215 .back-one-level{ 221 .back-one-level{
216 display: block !important; 222 //display: block !important;
223
217 } 224 }
218 } 225 }
219 .mega-indicator{ 226 .mega-indicator{
......
...@@ -569,7 +569,7 @@ ul.sf_date_field { ...@@ -569,7 +569,7 @@ ul.sf_date_field {
569 margin: unset; 569 margin: unset;
570 background-color: #e00; 570 background-color: #e00;
571 background-image: none; 571 background-image: none;
572 position: absolute; 572 position: fixed;
573 left: 0; 573 left: 0;
574 top: 2.5rem; 574 top: 2.5rem;
575 width: 2.5rem; 575 width: 2.5rem;
......
...@@ -2,6 +2,6 @@ ...@@ -2,6 +2,6 @@
2 Theme Name: MSF CA Child 2 Theme Name: MSF CA Child
3 Author: Tenzing Communications 3 Author: Tenzing Communications
4 Template: msf-ca 4 Template: msf-ca
5 Version: 1.0.482 5 Version: 1.0.483
6 */ 6 */
7 7
......