Skip to content

MSF / msf-climate-hub

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

qa 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 93d90774
Inline Side-by-side
Showing 7 changed files with 75 additions and 13 deletions
...@@ -20456,10 +20456,16 @@ ul.sf_date_field .sf-datepicker { ...@@ -20456,10 +20456,16 @@ ul.sf_date_field .sf-datepicker {
20456 background-color: #F2F2F2; 20456 background-color: #F2F2F2;
20457 transition: all 0.5s ease-in-out; 20457 transition: all 0.5s ease-in-out;
20458 } 20458 }
20459 @media only screen and (max-width: 67.063rem) { 20459 @media only screen and (max-width: 1073px) {
20460 .promo-image { 20460 .promo-image {
20461 min-height: 186px !important; 20461 min-height: 186px !important;
20462 max-height: 186px !important; 20462 max-height: 186px !important;
20463 max-width: 340px;
20464 min-width: 340px;
20465 }
20466 }
20467 @media only screen and (max-width: 500px) {
20468 .promo-image {
20463 max-width: 80vw; 20469 max-width: 80vw;
20464 min-width: 80vw; 20470 min-width: 80vw;
20465 } 20471 }
...@@ -20630,11 +20636,20 @@ ul.sf_date_field .sf-datepicker { ...@@ -20630,11 +20636,20 @@ ul.sf_date_field .sf-datepicker {
20630 height: 100%; 20636 height: 100%;
20631 max-height: 100%; 20637 max-height: 100%;
20632 } 20638 }
20633 @media only screen and (max-width: 67.063rem) { 20639 @media only screen and (max-width: 1073px) {
20634 .swiper-slide { 20640 .swiper-slide {
20641 min-height: 186px !important;
20642 max-height: 186px !important;
20643 max-width: 340px;
20644 min-width: 340px;
20635 margin-right: 24px; 20645 margin-right: 24px;
20646 }
20647 }
20648 @media only screen and (max-width: 500px) {
20649 .swiper-slide {
20636 max-width: 80vw; 20650 max-width: 80vw;
20637 min-width: 80vw; 20651 min-width: 80vw;
20652 margin-right: 24px;
20638 } 20653 }
20639 } 20654 }
20640 20655
...@@ -21602,7 +21617,7 @@ ul.sf_date_field .sf-datepicker { ...@@ -21602,7 +21617,7 @@ ul.sf_date_field .sf-datepicker {
21602 display: none; 21617 display: none;
21603 } 21618 }
21604 21619
21605 @media only screen and (max-width: 67.063rem) { 21620 @media only screen and (max-width: 1073px) {
21606 .post-list-right-col, 21621 .post-list-right-col,
21607 .post-list-left-col { 21622 .post-list-left-col {
21608 display: none !important; 21623 display: none !important;
...@@ -21623,8 +21638,8 @@ ul.sf_date_field .sf-datepicker { ...@@ -21623,8 +21638,8 @@ ul.sf_date_field .sf-datepicker {
21623 } 21638 }
21624 .mobile-article-list .sm, 21639 .mobile-article-list .sm,
21625 .mobile-article-list .lg { 21640 .mobile-article-list .lg {
21626 max-width: 80vw; 21641 max-width: 340px;
21627 min-width: 80vw; 21642 min-width: 340px;
21628 } 21643 }
21629 .mobile-article-list .sm .image, 21644 .mobile-article-list .sm .image,
21630 .mobile-article-list .lg .image { 21645 .mobile-article-list .lg .image {
...@@ -21645,6 +21660,23 @@ ul.sf_date_field .sf-datepicker { ...@@ -21645,6 +21660,23 @@ ul.sf_date_field .sf-datepicker {
21645 height: 100%; 21660 height: 100%;
21646 } 21661 }
21647 } 21662 }
21663 @media only screen and (max-width: 500px) {
21664 .mobile-article-list {
21665 pointer-events: auto;
21666 position: relative;
21667 overflow: scroll;
21668 width: 100vw;
21669 }
21670 .mobile-article-list ul {
21671 flex-wrap: nowrap;
21672 width: 1400px;
21673 }
21674 .mobile-article-list .sm,
21675 .mobile-article-list .lg {
21676 max-width: 80vw;
21677 min-width: 80vw;
21678 }
21679 }
21648 .news-search { 21680 .news-search {
21649 margin-top: 0px !important; 21681 margin-top: 0px !important;
21650 } 21682 }
......
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.
...@@ -44,14 +44,18 @@ ...@@ -44,14 +44,18 @@
44 background-color: #F2F2F2; 44 background-color: #F2F2F2;
45 transition: all 0.5s ease-in-out; 45 transition: all 0.5s ease-in-out;
46 46
47 @media only screen and (max-width:67.063rem) { 47 @media only screen and (max-width:1073px) {
48 min-height: 186px !important; 48 min-height: 186px !important;
49 max-height: 186px !important; 49 max-height: 186px !important;
50 max-width: 340px;
51 min-width: 340px;
52 }
53 @media only screen and (max-width: 500px) {
50 max-width: 80vw; 54 max-width: 80vw;
51 min-width: 80vw; 55 min-width: 80vw;
52
53 } 56 }
54 57
58
55 img { 59 img {
56 width: 100%; 60 width: 100%;
57 transition: all 0.5s ease-in-out; 61 transition: all 0.5s ease-in-out;
...@@ -246,13 +250,20 @@ ...@@ -246,13 +250,20 @@
246 display: block; 250 display: block;
247 height: 100%; 251 height: 100%;
248 max-height: 100%; 252 max-height: 100%;
249 253 @media only screen and (max-width:1073px) {
250 @media only screen and (max-width:67.063rem) { 254 min-height: 186px !important;
255 max-height: 186px !important;
256 max-width: 340px;
257 min-width: 340px;
251 margin-right: 24px; 258 margin-right: 24px;
259 }
260 @media only screen and (max-width: 500px) {
252 max-width: 80vw; 261 max-width: 80vw;
253 min-width: 80vw; 262 min-width: 80vw;
263 margin-right: 24px;
254 } 264 }
255 265
266
256 } 267 }
257 .pdf-carousel{ 268 .pdf-carousel{
258 .swiper-slide { 269 .swiper-slide {
......
...@@ -294,7 +294,7 @@ ...@@ -294,7 +294,7 @@
294 display: none; 294 display: none;
295 } 295 }
296 296
297 @media only screen and (max-width: 67.063rem) { 297 @media only screen and (max-width: 1073px) {
298 .post-list-right-col, 298 .post-list-right-col,
299 .post-list-left-col{ 299 .post-list-left-col{
300 display: none !important; 300 display: none !important;
...@@ -315,8 +315,8 @@ ...@@ -315,8 +315,8 @@
315 } 315 }
316 .sm, 316 .sm,
317 .lg{ 317 .lg{
318 max-width: 80vw; 318 max-width: 340px;
319 min-width: 80vw; 319 min-width: 340px;
320 .image{ 320 .image{
321 position: relative; 321 position: relative;
322 min-height: 186px; 322 min-height: 186px;
...@@ -336,3 +336,22 @@ ...@@ -336,3 +336,22 @@
336 } 336 }
337 } 337 }
338 } 338 }
339 @media only screen and (max-width: 500px) {
340
341 .mobile-article-list{
342 pointer-events: auto;
343 position: relative;
344 overflow: scroll;
345 width: 100vw;
346 ul{
347 flex-wrap: nowrap;
348 width: 1400px;
349 }
350 .sm,
351 .lg{
352 max-width: 80vw;
353 min-width: 80vw;
354 }
355 }
356
357 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -2,5 +2,5 @@ ...@@ -2,5 +2,5 @@
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.5305 5 Version: 1.0.5306
6 */ 6 */
...\ No newline at end of file ...\ No newline at end of file
......