Skip to content

MSF / msf-climate-hub

Go to a project
Toggle navigation
Toggle navigation pinning
a3dae3b3 by Jeff Balicki
Options

menu 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent ba4770c9
Inline Side-by-side
Showing 14 changed files with 99 additions and 25 deletions
...@@ -17629,6 +17629,10 @@ select { ...@@ -17629,6 +17629,10 @@ select {
17629 margin-top: 5px; 17629 margin-top: 5px;
17630 } 17630 }
17631 17631
17632 .wpcf7 form.sent .wpcf7-response-output {
17633 border-color: #e00;
17634 }
17635
17632 body { 17636 body {
17633 font-family: "PT Sans", sans-serif; 17637 font-family: "PT Sans", sans-serif;
17634 } 17638 }
...@@ -19597,6 +19601,7 @@ ul.sf_date_field .sf-datepicker { ...@@ -19597,6 +19601,7 @@ ul.sf_date_field .sf-datepicker {
19597 } 19601 }
19598 .side-menu li { 19602 .side-menu li {
19599 margin-bottom: 0.875rem; 19603 margin-bottom: 0.875rem;
19604 position: relative;
19600 } 19605 }
19601 .side-menu li a { 19606 .side-menu li a {
19602 text-decoration: none; 19607 text-decoration: none;
...@@ -19617,10 +19622,22 @@ ul.sf_date_field .sf-datepicker { ...@@ -19617,10 +19622,22 @@ ul.sf_date_field .sf-datepicker {
19617 height: 0.5625rem; 19622 height: 0.5625rem;
19618 background: #EE0000 0% 0% no-repeat padding-box; 19623 background: #EE0000 0% 0% no-repeat padding-box;
19619 } 19624 }
19625 .side-menu li:first-child a {
19626 text-transform: uppercase;
19627 }
19628 .side-menu li:first-child ul li a {
19629 text-transform: none;
19630 }
19620 .side-menu .children .has-children { 19631 .side-menu .children .has-children {
19621 position: relative; 19632 position: relative;
19622 } 19633 }
19623 .side-menu .children .has-children:after { 19634 .side-menu .children .toggle {
19635 width: 30px;
19636 height: 30px;
19637 position: absolute;
19638 display: inline-block;
19639 }
19640 .side-menu .children .toggle:after {
19624 position: absolute; 19641 position: absolute;
19625 content: ""; 19642 content: "";
19626 width: 0.875rem; 19643 width: 0.875rem;
...@@ -20031,6 +20048,12 @@ ul.sf_date_field .sf-datepicker { ...@@ -20031,6 +20048,12 @@ ul.sf_date_field .sf-datepicker {
20031 border-radius: 1.25rem; 20048 border-radius: 1.25rem;
20032 } 20049 }
20033 } 20050 }
20051 .promo-area a {
20052 color: #fff;
20053 }
20054 .promo-area a:hover {
20055 text-decoration: none;
20056 }
20034 .promo-area .content { 20057 .promo-area .content {
20035 width: 50%; 20058 width: 50%;
20036 display: flex; 20059 display: flex;
......
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.
...@@ -20951,20 +20951,23 @@ ...@@ -20951,20 +20951,23 @@
20951 var sideMenu = function ($) { 20951 var sideMenu = function ($) {
20952 function init() { 20952 function init() {
20953 $(".side-menu li:has(.children) > a").addClass("has-children closed"); 20953 $(".side-menu li:has(.children) > a").addClass("has-children closed");
20954 $(".side-menu li:has(.children) > a").after("<div class='toggle'></div>");
20954 $(".side-menu li .children .current_page_ancestor a").removeClass("closed").addClass("opened"); 20955 $(".side-menu li .children .current_page_ancestor a").removeClass("closed").addClass("opened");
20955 $(document).on("click", ".side-menu .children li:has(.children) > a.has-children.closed", function (e) { 20956 $(document).on("click", ".side-menu .toggle", function (e) {
20956 e.preventDefault(); 20957 e.preventDefault();
20957 $(this).removeClass("closed"); 20958 console.log('click');
20958 $(this).addClass("opened"); 20959 console.log($(this).parent());
20959 $(this).next(".children").slideDown(); 20960 if ($(this).parent().hasClass("opened")) {
20960 return false; 20961 $(this).parent().removeClass("opened");
20961 }); 20962 $(this).parent().addClass("closed");
20962 $(document).on("click", ".side-menu li:has(.children) > a.has-children.opened", function (e) {
20963 e.preventDefault();
20964 $(this).removeClass("opened");
20965 $(this).addClass("closed");
20966 $(this).next(".children").slideUp(); 20963 $(this).next(".children").slideUp();
20967 return false; 20964 return false;
20965 } else {
20966 $(this).parent().removeClass("closed");
20967 $(this).parent().addClass("opened");
20968 $(this).next(".children").slideDown();
20969 return false;
20970 }
20968 }); 20971 });
20969 } 20972 }
20970 return { 20973 return {
...@@ -26214,6 +26217,10 @@ ...@@ -26214,6 +26217,10 @@
26214 pageLength: 10 26217 pageLength: 10
26215 }); 26218 });
26216 }); 26219 });
26220 var wpcf7Elm = document.querySelector('.wpcf7');
26221 wpcf7Elm.addEventListener('wpcf7submit', function (event) {
26222 jQuery('.appArea.responsive').hide();
26223 }, false);
26217 26224
26218 exports.Alert = alert$1; 26225 exports.Alert = alert$1;
26219 exports.Button = button; 26226 exports.Button = button;
......
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.
...@@ -8,23 +8,28 @@ var sideMenu = (function($) { ...@@ -8,23 +8,28 @@ var sideMenu = (function($) {
8 function init() { 8 function init() {
9 9
10 $(".side-menu li:has(.children) > a").addClass("has-children closed"); 10 $(".side-menu li:has(.children) > a").addClass("has-children closed");
11 $(".side-menu li:has(.children) > a").after("<div class='toggle'></div>");
11 12
12 $(".side-menu li .children .current_page_ancestor a").removeClass("closed").addClass("opened"); 13 $(".side-menu li .children .current_page_ancestor a").removeClass("closed").addClass("opened");
13 14
14 $(document).on("click", ".side-menu .children li:has(.children) > a.has-children.closed", function(e){ 15 $(document).on("click", ".side-menu .toggle", function(e){
15 e.preventDefault(); 16 e.preventDefault();
16 $(this).removeClass("closed"); 17 console.log('click');
17 $(this).addClass("opened"); 18 console.log($(this).parent());
18 $(this).next(".children").slideDown(); 19 if($(this).parent().hasClass("opened")){
19 return false; 20 $(this).parent().removeClass("opened");
20 }); 21 $(this).parent().addClass("closed");
21 $(document).on("click", ".side-menu li:has(.children) > a.has-children.opened", function(e){
22 e.preventDefault();
23 $(this).removeClass("opened");
24 $(this).addClass("closed");
25 $(this).next(".children").slideUp(); 22 $(this).next(".children").slideUp();
26 return false; 23 return false;
24 }else{
25 $(this).parent().removeClass("closed");
26 $(this).parent().addClass("opened");
27 $(this).next(".children").slideDown();
28 return false;
29 }
30
27 }); 31 });
32
28 } 33 }
29 34
30 return { 35 return {
......
...@@ -44,3 +44,11 @@ jQuery(document).ready(function() { ...@@ -44,3 +44,11 @@ jQuery(document).ready(function() {
44 pageLength: 10 44 pageLength: 10
45 } ); 45 } );
46 } ); 46 } );
47
48
49
50 var wpcf7Elm = document.querySelector( '.wpcf7' );
51
52 wpcf7Elm.addEventListener( 'wpcf7submit', function( event ) {
53 jQuery('.appArea.responsive').hide();
54 }, false );
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -681,3 +681,7 @@ select { ...@@ -681,3 +681,7 @@ select {
681 margin-bottom: 2px; 681 margin-bottom: 2px;
682 margin-top: 5px; 682 margin-top: 5px;
683 } 683 }
684
685 .wpcf7 form.sent .wpcf7-response-output{
686 border-color:#e00;
687 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -244,12 +244,13 @@ h1+p { ...@@ -244,12 +244,13 @@ h1+p {
244 244
245 li{ 245 li{
246 margin-bottom: 0.875rem; 246 margin-bottom: 0.875rem;
247 247 position: relative;
248 a{ 248 a{
249 text-decoration: none; 249 text-decoration: none;
250 font-size: 1.25rem; 250 font-size: 1.25rem;
251 line-height: 1.5625rem; 251 line-height: 1.5625rem;
252 } 252 }
253
253 a:hover{ 254 a:hover{
254 text-decoration: underline; 255 text-decoration: underline;
255 position: relative; 256 position: relative;
...@@ -268,10 +269,31 @@ h1+p { ...@@ -268,10 +269,31 @@ h1+p {
268 269
269 270
270 } 271 }
272 li:first-child {
273 a{
274 text-transform: uppercase;
275 }
276 ul{
277 li{
278 a{
279 text-transform:none;
280 }
281 }
282 }
283 }
284
271 .children{ 285 .children{
272 .has-children{ 286 .has-children{
273 position: relative; 287 position: relative;
274 &:after{ 288
289 }
290 .toggle{
291 width:30px;
292 height:30px;
293 position: absolute;
294 display: inline-block;
295 }
296 .toggle:after{
275 position: absolute; 297 position: absolute;
276 content: ""; 298 content: "";
277 width: 0.875rem; 299 width: 0.875rem;
...@@ -281,7 +303,6 @@ h1+p { ...@@ -281,7 +303,6 @@ h1+p {
281 transform: rotateX(180deg); 303 transform: rotateX(180deg);
282 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14.462" height="8.769" viewBox="0 0 14.462 8.769"><path id="Path_1387" data-name="Path 1387" d="M18.55,187.453c.5.507.993,1.01,1.49,1.508q1.791,1.789,3.585,3.575a.8.8,0,0,0,1.188,0c.227-.234.46-.462.691-.692a.787.787,0,0,0,0-1.179l-3.223-3.224q-1.563-1.565-3.125-3.131a.872.872,0,0,0-.585-.279.833.833,0,0,0-.643.278q-1.206,1.21-2.413,2.42l-3.285,3.286c-.224.224-.448.446-.67.671a.783.783,0,0,0,.008,1.157l.685.684a.8.8,0,0,0,1.206,0l2.908-2.9,2.106-2.1Z" transform="translate(-11.305 -184.028)"/></svg>'); 304 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14.462" height="8.769" viewBox="0 0 14.462 8.769"><path id="Path_1387" data-name="Path 1387" d="M18.55,187.453c.5.507.993,1.01,1.49,1.508q1.791,1.789,3.585,3.575a.8.8,0,0,0,1.188,0c.227-.234.46-.462.691-.692a.787.787,0,0,0,0-1.179l-3.223-3.224q-1.563-1.565-3.125-3.131a.872.872,0,0,0-.585-.279.833.833,0,0,0-.643.278q-1.206,1.21-2.413,2.42l-3.285,3.286c-.224.224-.448.446-.67.671a.783.783,0,0,0,.008,1.157l.685.684a.8.8,0,0,0,1.206,0l2.908-2.9,2.106-2.1Z" transform="translate(-11.305 -184.028)"/></svg>');
283 } 305 }
284 }
285 .children{ 306 .children{
286 padding-left: 1.25rem; 307 padding-left: 1.25rem;
287 display: none; 308 display: none;
......
...@@ -12,6 +12,12 @@ ...@@ -12,6 +12,12 @@
12 flex-direction: column-reverse; 12 flex-direction: column-reverse;
13 border-radius: 1.25rem; 13 border-radius: 1.25rem;
14 } 14 }
15 a{
16 color: #fff;
17 }
18 a:hover{
19 text-decoration: none;
20 }
15 21
16 .content{ 22 .content{
17 width: 50%; 23 width: 50%;
......
...@@ -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.437 5 Version: 1.0.438
6 */ 6 */
7 7
......