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' ); ...@@ -26,17 +26,17 @@ $container = get_theme_mod( 'understrap_container_type' );
26 <?php get_template_part( 'global-templates/navbar-branding' ); ?> 26 <?php get_template_part( 'global-templates/navbar-branding' ); ?>
27 <div class="site-title">MSF CLIMATE HUB</div> 27 <div class="site-title">MSF CLIMATE HUB</div>
28 </div> 28 </div>
29 <button 29 <!-- <button
30 class="navbar-toggler" 30 class="navbar-toggler"
31 type="button" 31 type="button"
32 data-bs-toggle="collapse" 32 data-bs-toggle="collapse"
33 data-bs-target="#navbarNavDropdown" 33 data-bs-target="#navbarNavDropdown"
34 aria-controls="navbarNavDropdown" 34 aria-controls="navbarNavDropdown"
35 aria-expanded="false" 35 aria-expanded="false"
36 aria-label="<?php esc_attr_e( 'Toggle navigation', 'understrap' ); ?>" 36 aria-label="<?php // esc_attr_e( 'Toggle navigation', 'understrap' ); ?>"
37 > 37 >
38 <span class="navbar-toggler-icon"></span> 38 <span class="navbar-toggler-icon"></span>
39 </button> 39 </button> -->
40 40
41 <!-- The WordPress Menu goes here --> 41 <!-- The WordPress Menu goes here -->
42 <?php 42 <?php
......
...@@ -3,3 +3,4 @@ ...@@ -3,3 +3,4 @@
3 require_once 'class-wp-bootstrap-navwalker.php'; 3 require_once 'class-wp-bootstrap-navwalker.php';
4 require_once 'hooks-filters.php'; 4 require_once 'hooks-filters.php';
5 require_once 'breadcrumb.php'; 5 require_once 'breadcrumb.php';
6 require_once 'shortcodes.php';
......
1 <?php
2
3 add_shortcode('advance-search', 'advance_search');
4
5
6 function advance_search($atts){
7
8 try{
9
10 $search_id = $atts['search_id'];
11 ob_start(); ?>
12 <a type="button" class="advance-search-button" data-bs-toggle="modal" data-bs-target="#advance-search-modal">Advance Search</a>
13 <div class="modal fade flag-modal" id="advance-search-modal" tabindex="-1" data-bs-backdrop="static" aria-labelledby="exampleModalLabel" aria-hidden="true">
14 <div class="modal-dialog modal-dialog-centered">
15 <div class="modal-content">
16 <div class="modal-header">
17 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
18 </div>
19 <div class="modal-body">
20 <?php echo do_shortcode('[searchandfilter id="'.$search_id.'"]'); ?>
21 </div>
22 <div class="modal-footer">
23 </div>
24 </div>
25 </div>
26 </div>
27
28 <?php
29 wp_reset_query();
30 $output = ob_get_clean();
31 return $output;
32
33 }catch(Throwable $e) {
34 error_log("advance_search()". $e->getMessage()) ;
35 }
36
37
38 }
...\ No newline at end of file ...\ No newline at end of file
...@@ -5,9 +5,9 @@ body{ ...@@ -5,9 +5,9 @@ body{
5 5
6 @import "menu"; 6 @import "menu";
7 @import "header"; 7 @import "header";
8 @import "search";
9 @import "custom_select"; 8 @import "custom_select";
10 @import "forms"; 9 @import "forms";
11 @import "elements"; 10 @import "elements";
11 @import "search";
12 @import "front_page"; 12 @import "front_page";
13 13
......
...@@ -18,6 +18,7 @@ ...@@ -18,6 +18,7 @@
18 width: 100%; 18 width: 100%;
19 max-width: 720px; 19 max-width: 720px;
20 } 20 }
21
21 .content-container{ 22 .content-container{
22 position: absolute; 23 position: absolute;
23 bottom: 0px; 24 bottom: 0px;
...@@ -40,6 +41,18 @@ ...@@ -40,6 +41,18 @@
40 max-width: 720px; 41 max-width: 720px;
41 margin: auto; 42 margin: auto;
42 padding: 42px 50px ; 43 padding: 42px 50px ;
44
45 h4{
46 font-size: 45px !important;
47 line-height: 53px;
48 text-align: center;
49 font-weight: lighter;
50 font-family: "PT Sans",sans-serif;
51 }
52 .searchandfilter{
53 width: calc(100% - 50px);
54 display: inline-block;
55 }
43 56
44 .searchandfilter ul{ 57 .searchandfilter ul{
45 padding-left: 0px; 58 padding-left: 0px;
...@@ -54,7 +67,7 @@ ...@@ -54,7 +67,7 @@
54 .sf-field-search{ 67 .sf-field-search{
55 display: inline; 68 display: inline;
56 label{ 69 label{
57 width: 70%; 70 width: 74%;
58 position: relative; 71 position: relative;
59 display: inline-block !important; 72 display: inline-block !important;
60 margin: auto; 73 margin: auto;
...@@ -67,7 +80,7 @@ ...@@ -67,7 +80,7 @@
67 background-size: contain; 80 background-size: contain;
68 width: 2.063rem; 81 width: 2.063rem;
69 height: 2.063rem; 82 height: 2.063rem;
70 top: 1.5rem; 83 top: 1.2rem;
71 } 84 }
72 85
73 } 86 }
......
...@@ -23,6 +23,7 @@ ...@@ -23,6 +23,7 @@
23 } 23 }
24 #main-nav{ 24 #main-nav{
25 box-shadow: 0px 3px 6px #00000029; 25 box-shadow: 0px 3px 6px #00000029;
26 z-index: 999999;
26 } 27 }
27 #main-nav .container{ 28 #main-nav .container{
28 flex-direction: column; 29 flex-direction: column;
...@@ -37,6 +38,8 @@ ...@@ -37,6 +38,8 @@
37 } 38 }
38 .site-title{ 39 .site-title{
39 font-size: 20px; 40 font-size: 20px;
41 line-height: 24px;
42
40 } 43 }
41 .navbar-brand{ 44 .navbar-brand{
42 width:100px; 45 width:100px;
......
...@@ -127,7 +127,7 @@ ...@@ -127,7 +127,7 @@
127 127
128 128
129 #mega-menu-primary{ 129 #mega-menu-primary{
130 margin-top: 60px !important; 130 margin-top: 75px !important;
131 padding-top: 20px !important; 131 padding-top: 20px !important;
132 padding-bottom: 100px !important; 132 padding-bottom: 100px !important;
133 overflow-x: scroll !important; 133 overflow-x: scroll !important;
...@@ -235,6 +235,23 @@ ...@@ -235,6 +235,23 @@
235 235
236 236
237 @media only screen and (max-width: 1000px) { 237 @media only screen and (max-width: 1000px) {
238
239 #mega-menu-wrap-primary{
240 width: 30%;
241 top: 30px;
242 right: 0px;
243 position:absolute;
244 background: transparent;
245 }
246 #mega-menu-wrap-primary .mega-menu-toggle{
247 background: transparent;
248 }
249 #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child{
250 background-color: #EE0000;
251 border-radius: 50%;
252 width: 40px;
253 height: 40px;
254 }
238 #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{ 255 #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{
239 display: none !important; 256 display: none !important;
240 } 257 }
......