Skip to content

MSF / msf-climate-hub

Go to a project
Toggle navigation
Toggle navigation pinning
260eea0f by Jeff Balicki
Options

mobile menu 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 7b99a648
Inline Side-by-side
Showing 13 changed files with 47 additions and 205 deletions
......@@ -16344,6 +16344,8 @@ body {
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right {
flex: 1;
justify-content: flex-end;
z-index: 9999999999;
position: relative;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
......@@ -16362,52 +16364,6 @@ body {
flex-shrink: 0;
}
@media only screen and (max-width: 62.5rem) {
#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
background: #fff;
padding: 0rem 0rem 0rem 0rem;
display: none;
position: absolute;
width: 100%;
z-index: 9999999;
}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
display: block;
}
#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
position: fixed;
display: block;
width: 18.75rem;
max-width: 90%;
height: 100vh;
max-height: 100vh;
top: 0;
box-sizing: border-box;
transition: left 200ms ease-in-out, right 200ms ease-in-out;
overflow: auto;
z-index: 9999999999;
overscroll-behavior: contain;
}
#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
left: -18.75rem;
}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
left: 0;
box-shadow: inset 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.1607843137);
}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open:after {
position: fixed;
width: 100%;
height: 6249.9375rem;
content: "";
top: 0;
left: 0;
opacity: 0.5;
background: black;
cursor: pointer;
z-index: 9999999998;
}
}
html.mega-menu-primary-off-canvas-open {
overflow: hidden;
height: auto;
......@@ -16625,12 +16581,10 @@ html.mega-menu-primary-off-canvas-open #wpadminbar {
min-height: 100vh;
background-color: #F0F0F0;
position: relative;
overflow: hidden !important;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu {
margin-top: 0rem;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link:after,
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link:after {
content: "";
width: 1.25rem;
......@@ -16640,50 +16594,13 @@ html.mega-menu-primary-off-canvas-open #wpadminbar {
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.095" height="15" viewBox="0 0 9.095 15"><path id="Path_1369" data-name="Path 1369" d="M7.515,3.553c.52.526,1.03,1.048,1.546,1.564q1.857,1.856,3.718,3.708a.834.834,0,0,0,1.232,0c.236-.242.477-.479.716-.718a.817.817,0,0,0,0-1.222L11.379,3.538Q9.758,1.915,8.138.29A.9.9,0,0,0,7.532,0a.864.864,0,0,0-.667.288Q5.614,1.544,4.363,2.8L.956,6.207c-.232.232-.465.463-.7.7A.812.812,0,0,0,.269,8.1l.71.71a.833.833,0,0,0,1.25,0l3.016-3L7.429,3.634Z" transform="translate(9.095) rotate(90)" fill="%23fff"/></svg>');
display: inline-block;
position: absolute;
top: 0.75rem;
right: 0rem;
top: 1.1rem;
right: 10px;
transform: rotate(90deg);
}
.back-one-level {
background-color: #EE0000;
position: fixed;
left: 0rem;
top: 8.125rem;
width: 2.5rem;
height: 2.5625rem;
border: 0rem solid #EE0000;
border-radius: 0rem 50% 50% 0rem;
opacity: 0 !important;
transition: 0.5s !important;
}
.back-one-level span {
color: #fff;
text-indent: -624.9375rem;
display: block;
}
.back-one-level:before {
content: "";
width: 0.6875rem;
height: 1.125rem;
background-repeat: no-repeat;
background-size: contain;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.095" height="15" viewBox="0 0 9.095 15"><path id="Path_1291" data-name="Path 1291" d="M7.515,5.543c.52-.526,1.03-1.048,1.546-1.564Q10.918,2.123,12.779.272a.834.834,0,0,1,1.232,0c.236.242.477.479.716.718a.817.817,0,0,1,0,1.222L11.379,5.557Q9.758,7.18,8.138,8.8a.9.9,0,0,1-.606.289.864.864,0,0,1-.667-.288Q5.614,7.551,4.363,6.3L.956,2.889c-.232-.232-.465-.463-.7-.7A.812.812,0,0,1,.269.993l.71-.71a.833.833,0,0,1,1.25,0l3.016,3L7.429,5.462Z" transform="translate(9.095 0) rotate(90)" fill="%23fff"/></svg>');
display: inline-block;
position: absolute;
top: 0.625rem;
left: 0.8125rem;
}
.back-one-level:active,
.back-one-level:hover {
background-color: #669999;
}
.is-bt-active {
opacity: 1 !important;
}
.mega-indicator {
display: none !important;
}
.mega-description-group:after {
display: none !important;
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link:after {
transform: rotate(-90deg);
top: 6px;
}
.mega-sub-menu .mega-menu-item-has-children > .mega-menu-link > .mega-description-group > .mega-menu-title {
position: relative;
......@@ -16765,9 +16682,6 @@ html.mega-menu-primary-off-canvas-open #wpadminbar {
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:active:only-child {
background-color: #669999;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu {
display: none !important;
}
.sub-mobile-menu .mega-sub-menu {
position: absolute !important;
top: 0 !important;
......@@ -16855,8 +16769,8 @@ html.mega-menu-primary-off-canvas-open #wpadminbar {
font-size: 2.125rem;
font-weight: bold;
color: #fff;
margin: 0 0 0 0.625rem;
line-height: 1.5625rem;
margin: 0 0 0 0.525rem;
line-height: 1.2625rem;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-3:after {
......@@ -16910,6 +16824,12 @@ html.mega-menu-primary-off-canvas-open #wpadminbar {
text-decoration: none;
width: calc(100% - 127px);
}
@media only screen and (max-width: 48.875rem) {
.site-title {
width: calc(85% - 127px);
}
}
.branding {
display: flex;
margin-bottom: 0rem;
......
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.
......@@ -115,7 +115,7 @@ function megamenu_override_default_theme($value) {
wp_enqueue_script( 'megamenu', get_stylesheet_directory_uri().'/js/maxmegamenu.js', array(), $the_theme->get( 'Version' ), true );
}
add_action( 'wp_enqueue_scripts', 'fixUlisting', 100 );
//add_action( 'wp_enqueue_scripts', 'fixUlisting', 100 );
// add_filter( 'get_custom_logo_image_attributes', function(
......
......@@ -26386,6 +26386,9 @@
// });
$(document).on("click", ".mega-toggle-on", function (e) {
if ($(this).hasClass('mega-toggle-on')) ;
});
trim_text();
$('#relevant-resources').dataTable({
info: false,
......
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.
......@@ -45,8 +45,18 @@ jQuery(document).ready(function($) {
// : console.log('class removed');
// });
$(document).on("click", ".mega-toggle-on", function(e){
if($(this).hasClass('mega-toggle-on')){
//$(this).removeClass('mega-toggle-on');
}
});
trim_text();
$('#relevant-resources').dataTable( {
......
......@@ -14,7 +14,7 @@
text-decoration: none;
width: calc(100% - 127px);
@media only screen and (max-width: 48.875rem) {
//width: calc(60% - 127px);
width: calc(85% - 127px);
}
}
......
......@@ -1276,6 +1276,8 @@
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
z-index: 9999999999;
position: relative;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
margin-right: 0.375rem;
......@@ -1297,53 +1299,6 @@
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
@media only screen and (max-width: 62.5rem) {
#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
background: #fff;
padding: 0rem 0rem 0rem 0rem;
display: none;
position: absolute;
width: 100%;
z-index: 9999999;
}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
display: block;
}
#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
position: fixed;
display: block;
width: 18.75rem;
max-width: 90%;
height: 100vh;
max-height: 100vh;
top: 0;
box-sizing: border-box;
transition: left 200ms ease-in-out, right 200ms ease-in-out;
overflow: auto;
z-index: 9999999999;
overscroll-behavior: contain;
}
#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
left: -18.75rem;
}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
left: 0;
box-shadow: inset 0 0.1875rem 0.375rem rgba(0,0,0,.1607843137);
}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open:after {
position: fixed;
width: 100%;
height: 6249.9375rem;
content: "";
top: 0;
left: 0;
opacity: 0.5;
background: black;
cursor: pointer;
z-index: 9999999998;
}
}
html.mega-menu-primary-off-canvas-open {
overflow: hidden;
height: auto;
......
......@@ -146,7 +146,7 @@
#mega-menu-primary{
padding-top: 1.25rem !important;
padding-bottom: 8.125rem !important;
height: calc(100vh - 5rem) !important;
}
.admin-bar #mega-menu-primary{
......@@ -165,14 +165,14 @@
min-height: 100vh;
background-color: #F0F0F0;
position: relative;
overflow: hidden !important;
//overflow: hidden !important;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu{
margin-top: 0rem;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link:after ,
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link:after {
content:"";
width: 1.25rem;
......@@ -182,64 +182,18 @@
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.095" height="15" viewBox="0 0 9.095 15"><path id="Path_1369" data-name="Path 1369" d="M7.515,3.553c.52.526,1.03,1.048,1.546,1.564q1.857,1.856,3.718,3.708a.834.834,0,0,0,1.232,0c.236-.242.477-.479.716-.718a.817.817,0,0,0,0-1.222L11.379,3.538Q9.758,1.915,8.138.29A.9.9,0,0,0,7.532,0a.864.864,0,0,0-.667.288Q5.614,1.544,4.363,2.8L.956,6.207c-.232.232-.465.463-.7.7A.812.812,0,0,0,.269,8.1l.71.71a.833.833,0,0,0,1.25,0l3.016-3L7.429,3.634Z" transform="translate(9.095) rotate(90)" fill="%23fff"/></svg>');
display: inline-block;
position: absolute;
top: 0.75rem;
right: 0rem;
top: 1.1rem;
right: 10px;
transform: rotate(90deg);
}
.back-one-level{
background-color: #EE0000;
position: fixed;
left: 0rem;
top: 8.125rem;
width: 2.5rem;
height: 2.5625rem;
border: 0rem solid #EE0000;
border-radius: 0rem 50% 50% 0rem;
//display: none;
opacity: 0 !important;
transition: 0.5s !important;
span{
color: #fff;
text-indent: -624.9375rem;
display: block;
}
&:before{
content:"";
width: 0.6875rem;
height: 1.125rem;
background-repeat: no-repeat;
background-size: contain;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9.095" height="15" viewBox="0 0 9.095 15"><path id="Path_1291" data-name="Path 1291" d="M7.515,5.543c.52-.526,1.03-1.048,1.546-1.564Q10.918,2.123,12.779.272a.834.834,0,0,1,1.232,0c.236.242.477.479.716.718a.817.817,0,0,1,0,1.222L11.379,5.557Q9.758,7.18,8.138,8.8a.9.9,0,0,1-.606.289.864.864,0,0,1-.667-.288Q5.614,7.551,4.363,6.3L.956,2.889c-.232-.232-.465-.463-.7-.7A.812.812,0,0,1,.269.993l.71-.71a.833.833,0,0,1,1.25,0l3.016,3L7.429,5.462Z" transform="translate(9.095 0) rotate(90)" fill="%23fff"/></svg>');
display: inline-block;
position: absolute;
top: 0.625rem;
left: 0.8125rem;
}
}
.back-one-level:active,
.back-one-level:hover {
background-color: #669999;
}
.is-bt-active{
opacity: 1 !important;
}
.is-visible{
.back-one-level{
//display: block !important;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link:after{
transform: rotate(-90deg);
top: 6px;
}
.mega-indicator{
display: none !important;
}
.mega-description-group:after{
display: none !important;
}
.mega-sub-menu{
......@@ -336,7 +290,7 @@
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu{
display: none !important;
//display: none !important;
}
.sub-mobile-menu .mega-sub-menu{
......@@ -432,8 +386,8 @@
font-size: 2.125rem;
font-weight: bold;
color: #fff;
margin: 0 0 0 0.625rem;
line-height: 1.5625rem;
margin: 0 0 0 0.525rem;
line-height: 1.2625rem;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-3:after {
content: "\f333";
......