Skip to content

MSF / msf-climate-hub

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

advance_search 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 12f15267
Expand all
Inline Side-by-side
Showing 13 changed files with 79 additions and 7 deletions
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.
This diff could not be displayed because it is too large.
......@@ -26,17 +26,17 @@ $container = get_theme_mod( 'understrap_container_type' );
<?php get_template_part( 'global-templates/navbar-branding' ); ?>
<div class="site-title">MSF CLIMATE HUB</div>
</div>
<button
<!-- <button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarNavDropdown"
aria-controls="navbarNavDropdown"
aria-expanded="false"
aria-label="<?php esc_attr_e( 'Toggle navigation', 'understrap' ); ?>"
aria-label="<?php // esc_attr_e( 'Toggle navigation', 'understrap' ); ?>"
>
<span class="navbar-toggler-icon"></span>
</button>
</button> -->
<!-- The WordPress Menu goes here -->
<?php
......
......@@ -3,3 +3,4 @@
require_once 'class-wp-bootstrap-navwalker.php';
require_once 'hooks-filters.php';
require_once 'breadcrumb.php';
require_once 'shortcodes.php';
......
<?php
add_shortcode('advance-search', 'advance_search');
function advance_search($atts){
try{
$search_id = $atts['search_id'];
ob_start(); ?>
<a type="button" class="advance-search-button" data-bs-toggle="modal" data-bs-target="#advance-search-modal">Advance Search</a>
<div class="modal fade flag-modal" id="advance-search-modal" tabindex="-1" data-bs-backdrop="static" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<?php echo do_shortcode('[searchandfilter id="'.$search_id.'"]'); ?>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
<?php
wp_reset_query();
$output = ob_get_clean();
return $output;
}catch(Throwable $e) {
error_log("advance_search()". $e->getMessage()) ;
}
}
\ No newline at end of file
......@@ -5,9 +5,9 @@ body{
@import "menu";
@import "header";
@import "search";
@import "custom_select";
@import "forms";
@import "elements";
@import "search";
@import "front_page";
......
......@@ -18,6 +18,7 @@
width: 100%;
max-width: 720px;
}
.content-container{
position: absolute;
bottom: 0px;
......@@ -40,6 +41,18 @@
max-width: 720px;
margin: auto;
padding: 42px 50px ;
h4{
font-size: 45px !important;
line-height: 53px;
text-align: center;
font-weight: lighter;
font-family: "PT Sans",sans-serif;
}
.searchandfilter{
width: calc(100% - 50px);
display: inline-block;
}
.searchandfilter ul{
padding-left: 0px;
......@@ -54,7 +67,7 @@
.sf-field-search{
display: inline;
label{
width: 70%;
width: 74%;
position: relative;
display: inline-block !important;
margin: auto;
......@@ -67,7 +80,7 @@
background-size: contain;
width: 2.063rem;
height: 2.063rem;
top: 1.5rem;
top: 1.2rem;
}
}
......
......@@ -23,6 +23,7 @@
}
#main-nav{
box-shadow: 0px 3px 6px #00000029;
z-index: 999999;
}
#main-nav .container{
flex-direction: column;
......@@ -37,6 +38,8 @@
}
.site-title{
font-size: 20px;
line-height: 24px;
}
.navbar-brand{
width:100px;
......
......@@ -127,7 +127,7 @@
#mega-menu-primary{
margin-top: 60px !important;
margin-top: 75px !important;
padding-top: 20px !important;
padding-bottom: 100px !important;
overflow-x: scroll !important;
......@@ -235,6 +235,23 @@
@media only screen and (max-width: 1000px) {
#mega-menu-wrap-primary{
width: 30%;
top: 30px;
right: 0px;
position:absolute;
background: transparent;
}
#mega-menu-wrap-primary .mega-menu-toggle{
background: transparent;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child{
background-color: #EE0000;
border-radius: 50%;
width: 40px;
height: 40px;
}
#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;
}
......