Skip to content

MSF / msf-climate-hub

Go to a project
Toggle navigation
Toggle navigation pinning
2f7aaa7d by Jeff Balicki
Options

QA 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent c2505151
Inline Side-by-side
Showing 9 changed files with 105 additions and 14 deletions
...@@ -15272,20 +15272,23 @@ body { ...@@ -15272,20 +15272,23 @@ body {
15272 .list-wrapper2, 15272 .list-wrapper2,
15273 .list-wrapper3 { 15273 .list-wrapper3 {
15274 position: absolute !important; 15274 position: absolute !important;
15275 top: 0 !important; 15275 top: 0;
15276 left: 0 !important; 15276 left: 0;
15277 right: 0 !important; 15277 right: 0;
15278 height: 100vh !important; 15278 height: auto;
15279 min-height: 100vh;
15279 transform: translateX(100%) !important; 15280 transform: translateX(100%) !important;
15280 -webkit-backface-visibility: hidden !important; 15281 -webkit-backface-visibility: hidden !important;
15281 backface-visibility: hidden !important; 15282 backface-visibility: hidden !important;
15282 transition: transform 0.5s !important; 15283 transition: transform 0.5s !important;
15283 background-color: #F0F0F0; 15284 background-color: #F0F0F0;
15284 padding: 20px 40px 60px 40px; 15285 padding: 20px 40px 150px 40px;
15286 display: none;
15285 } 15287 }
15286 .list-wrapper2.is-visible, 15288 .list-wrapper2.is-visible,
15287 .list-wrapper3.is-visible { 15289 .list-wrapper3.is-visible {
15288 transform: none !important; 15290 transform: none !important;
15291 display: block;
15289 } 15292 }
15290 .mega-menu-item .list-wrapper:nth-child(1) > ul > li > .sub-menu { 15293 .mega-menu-item .list-wrapper:nth-child(1) > ul > li > .sub-menu {
15291 display: none; 15294 display: none;
...@@ -16239,7 +16242,7 @@ a.skip-link:focus { ...@@ -16239,7 +16242,7 @@ a.skip-link:focus {
16239 left: 0; 16242 left: 0;
16240 transition: bottom 0.3s; 16243 transition: bottom 0.3s;
16241 z-index: 99; 16244 z-index: 99;
16242 background: rgba(0, 0, 0, 0.7); 16245 background: rgb(0, 0, 0);
16243 display: block; 16246 display: block;
16244 color: #fff; 16247 color: #fff;
16245 padding: 1rem 2rem; 16248 padding: 1rem 2rem;
...@@ -16247,6 +16250,12 @@ a.skip-link:focus { ...@@ -16247,6 +16250,12 @@ a.skip-link:focus {
16247 max-width: 65%; 16250 max-width: 65%;
16248 cursor: pointer; 16251 cursor: pointer;
16249 } 16252 }
16253 @media only screen and (max-width: 782px) {
16254 .entry-content .wp-block-image figcaption {
16255 max-width: 100%;
16256 background: rgb(0, 0, 0);
16257 }
16258 }
16250 .entry-content .wp-block-image figcaption:hover { 16259 .entry-content .wp-block-image figcaption:hover {
16251 bottom: 0 !important; 16260 bottom: 0 !important;
16252 } 16261 }
...@@ -16365,6 +16374,25 @@ a.skip-link:focus { ...@@ -16365,6 +16374,25 @@ a.skip-link:focus {
16365 display: block; 16374 display: block;
16366 } 16375 }
16367 16376
16377 #search-sidebar {
16378 min-width: 320px;
16379 }
16380 @media screen and (max-width: 768px) {
16381 #search-sidebar {
16382 min-width: 320px;
16383 width: 100%;
16384 }
16385 }
16386
16387 .search-result {
16388 width: calc(100% - 340px);
16389 }
16390 @media screen and (max-width: 768px) {
16391 .search-result {
16392 width: 100%;
16393 }
16394 }
16395
16368 .sh1 { 16396 .sh1 {
16369 font-weight: 700; 16397 font-weight: 700;
16370 line-height: 24px !important; 16398 line-height: 24px !important;
...@@ -17266,6 +17294,11 @@ ul.sf_date_field .sf-datepicker { ...@@ -17266,6 +17294,11 @@ ul.sf_date_field .sf-datepicker {
17266 margin: auto; 17294 margin: auto;
17267 margin-left: 10%; 17295 margin-left: 10%;
17268 } 17296 }
17297 @media screen and (max-width: 900px) {
17298 .home-header .search-box .sf-field-search label {
17299 width: 100%;
17300 }
17301 }
17269 .home-header .search-box .sf-field-search label:after { 17302 .home-header .search-box .sf-field-search label:after {
17270 content: ""; 17303 content: "";
17271 position: absolute; 17304 position: absolute;
...@@ -17308,6 +17341,12 @@ ul.sf_date_field .sf-datepicker { ...@@ -17308,6 +17341,12 @@ ul.sf_date_field .sf-datepicker {
17308 transition: none; 17341 transition: none;
17309 display: inline-block !important; 17342 display: inline-block !important;
17310 } 17343 }
17344 @media screen and (max-width: 900px) {
17345 .home-header .search-box .sf-field-submit input[name=_sf_submit] {
17346 height: 40px;
17347 width: 40px;
17348 }
17349 }
17311 .home-header .search-box .sf-field-submit input[name=_sf_submit]:hover { 17350 .home-header .search-box .sf-field-submit input[name=_sf_submit]:hover {
17312 background: #669999; 17351 background: #669999;
17313 } 17352 }
...@@ -17332,6 +17371,11 @@ ul.sf_date_field .sf-datepicker { ...@@ -17332,6 +17371,11 @@ ul.sf_date_field .sf-datepicker {
17332 .side-caption { 17371 .side-caption {
17333 max-width: 30%; 17372 max-width: 30%;
17334 } 17373 }
17374 @media screen and (max-width: 768px) {
17375 .side-caption {
17376 max-width: 100%;
17377 }
17378 }
17335 17379
17336 .copy-link { 17380 .copy-link {
17337 background: url("./../img/caption.svg"); 17381 background: url("./../img/caption.svg");
...@@ -17351,6 +17395,11 @@ ul.sf_date_field .sf-datepicker { ...@@ -17351,6 +17395,11 @@ ul.sf_date_field .sf-datepicker {
17351 font-size: 14px; 17395 font-size: 14px;
17352 margin-top: 0; 17396 margin-top: 0;
17353 } 17397 }
17398 @media screen and (max-width: 768px) {
17399 .image-side-caption {
17400 background: rgb(0, 0, 0);
17401 }
17402 }
17354 .image-side-caption .cap, .image-side-caption .copyright { 17403 .image-side-caption .cap, .image-side-caption .copyright {
17355 display: block; 17404 display: block;
17356 } 17405 }
......
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,12 +8,20 @@ ...@@ -8,12 +8,20 @@
8 // Exit if accessed directly. 8 // Exit if accessed directly.
9 defined( 'ABSPATH' ) || exit; 9 defined( 'ABSPATH' ) || exit;
10 10
11
12 $imgid = get_post_thumbnail_id($search_posts[$i]['ID']);
13 $img = "";
14
11 $post_type = get_post_type(get_the_ID()); 15 $post_type = get_post_type(get_the_ID());
12 $permalink = get_permalink(); 16 $permalink = get_permalink();
13 $target = ''; 17 $target = '';
14 if($post_type == 'attachment') { 18 if($post_type == 'attachment') {
15 $permalink = wp_get_attachment_url( get_the_ID()); 19 $permalink = wp_get_attachment_url( get_the_ID());
20 if ( wp_attachment_is_image(get_the_ID()) ) {
21 $img = wp_get_attachment_url( get_the_ID());
22 }
16 $target = 'target="_blank"'; 23 $target = 'target="_blank"';
24
17 } 25 }
18 ?> 26 ?>
19 27
...@@ -22,8 +30,7 @@ if($post_type == 'attachment') { ...@@ -22,8 +30,7 @@ if($post_type == 'attachment') {
22 <a href='<?php echo $permalink; ?>' <?php echo $target; ?> class='outside-a'> 30 <a href='<?php echo $permalink; ?>' <?php echo $target; ?> class='outside-a'>
23 <?php 31 <?php
24 32
25 $imgid = get_post_thumbnail_id($search_posts[$i]['ID']); 33
26 $img = get_field('photo_from_source', $search_posts[$i]['ID']);
27 if($imgid || $img): 34 if($imgid || $img):
28 ?> 35 ?>
29 <div class='photo'> 36 <div class='photo'>
......
...@@ -165,12 +165,16 @@ blockquote{ ...@@ -165,12 +165,16 @@ blockquote{
165 left: 0; 165 left: 0;
166 transition: bottom .3s; 166 transition: bottom .3s;
167 z-index: 99; 167 z-index: 99;
168 background: rgba(0,0,0,.7); 168 background: rgba(0,0,0,1);
169 display: block; 169 display: block;
170 color: #fff; 170 color: #fff;
171 padding: 1rem 2rem; 171 padding: 1rem 2rem;
172 font-size: .75rem; 172 font-size: .75rem;
173 max-width: 65%; 173 max-width: 65%;
174 @media only screen and (max-width: 782px) {
175 max-width: 100%;
176 background: rgba(0,0,0,1);
177 }
174 cursor: pointer; 178 cursor: pointer;
175 &:hover { 179 &:hover {
176 bottom:0 !important; 180 bottom:0 !important;
......
...@@ -91,6 +91,9 @@ ...@@ -91,6 +91,9 @@
91 display: inline-block !important; 91 display: inline-block !important;
92 margin: auto; 92 margin: auto;
93 margin-left: 10%; 93 margin-left: 10%;
94 @media screen and (max-width: 900px) {
95 width: 100%;
96 }
94 &:after { 97 &:after {
95 content: ""; 98 content: "";
96 position: absolute; 99 position: absolute;
...@@ -135,6 +138,10 @@ ...@@ -135,6 +138,10 @@
135 text-transform: uppercase; 138 text-transform: uppercase;
136 transition: none; 139 transition: none;
137 display: inline-block !important; 140 display: inline-block !important;
141 @media screen and (max-width: 900px) {
142 height: 40px;
143 width:40px;
144 }
138 &:hover { 145 &:hover {
139 background:#669999; 146 background:#669999;
140 } 147 }
...@@ -166,6 +173,9 @@ ...@@ -166,6 +173,9 @@
166 173
167 .side-caption { 174 .side-caption {
168 max-width: 30%; 175 max-width: 30%;
176 @media screen and (max-width: 768px) {
177 max-width: 100%;
178 }
169 } 179 }
170 180
171 .copy-link { 181 .copy-link {
...@@ -180,6 +190,9 @@ ...@@ -180,6 +190,9 @@
180 190
181 .image-side-caption { 191 .image-side-caption {
182 background: rgba(0,0,0,0.7); 192 background: rgba(0,0,0,0.7);
193 @media screen and (max-width: 768px) {
194 background: rgba(0,0,0,1);
195 }
183 display: block; 196 display: block;
184 color:white; 197 color:white;
185 padding: 1rem 2rem; 198 padding: 1rem 2rem;
......
...@@ -324,15 +324,17 @@ ...@@ -324,15 +324,17 @@
324 .list-wrapper2, 324 .list-wrapper2,
325 .list-wrapper3 { 325 .list-wrapper3 {
326 position: absolute !important; 326 position: absolute !important;
327 top: 0 !important; 327 top: 0 ;
328 left: 0 !important; 328 left: 0 ;
329 right: 0 !important; 329 right: 0 ;
330 height: 100vh !important; 330 height: auto;
331 min-height: 100vh ;
331 transform: translateX(100%) !important; 332 transform: translateX(100%) !important;
332 backface-visibility: hidden !important; 333 backface-visibility: hidden !important;
333 transition: transform 0.5s !important; 334 transition: transform 0.5s !important;
334 background-color: #F0F0F0; 335 background-color: #F0F0F0;
335 padding: 20px 40px 60px 40px; 336 padding: 20px 40px 150px 40px;
337 display: none;
336 338
337 } 339 }
338 340
...@@ -340,6 +342,7 @@ ...@@ -340,6 +342,7 @@
340 .list-wrapper2.is-visible, 342 .list-wrapper2.is-visible,
341 .list-wrapper3.is-visible { 343 .list-wrapper3.is-visible {
342 transform: none !important; 344 transform: none !important;
345 display: block;
343 } 346 }
344 347
345 .mega-menu-item .list-wrapper:nth-child(1) > ul > li > .sub-menu{ 348 .mega-menu-item .list-wrapper:nth-child(1) > ul > li > .sub-menu{
......
1 1
2 #search-sidebar{
3 min-width: 320px;
4 @media screen and (max-width: 768px){
5 min-width: 320px;
6 width:100%;
7 }
8 }
9 .search-result{
10 width: calc(100% - 340px);
11 @media screen and (max-width: 768px){
12 width:100%;
13 }
14 }
15
16
2 .sh1 { 17 .sh1 {
3 font-weight: 700; 18 font-weight: 700;
4 line-height: 24px !important; 19 line-height: 24px !important;
......