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 79 additions and 17 deletions
......@@ -20456,10 +20456,16 @@ ul.sf_date_field .sf-datepicker {
background-color: #F2F2F2;
transition: all 0.5s ease-in-out;
}
@media only screen and (max-width: 67.063rem) {
@media only screen and (max-width: 1073px) {
.promo-image {
min-height: 186px !important;
max-height: 186px !important;
max-width: 340px;
min-width: 340px;
}
}
@media only screen and (max-width: 500px) {
.promo-image {
max-width: 80vw;
min-width: 80vw;
}
......@@ -20630,11 +20636,20 @@ ul.sf_date_field .sf-datepicker {
height: 100%;
max-height: 100%;
}
@media only screen and (max-width: 67.063rem) {
@media only screen and (max-width: 1073px) {
.swiper-slide {
min-height: 186px !important;
max-height: 186px !important;
max-width: 340px;
min-width: 340px;
margin-right: 24px;
}
}
@media only screen and (max-width: 500px) {
.swiper-slide {
max-width: 80vw;
min-width: 80vw;
margin-right: 24px;
}
}
......@@ -21602,7 +21617,7 @@ ul.sf_date_field .sf-datepicker {
display: none;
}
@media only screen and (max-width: 67.063rem) {
@media only screen and (max-width: 1073px) {
.post-list-right-col,
.post-list-left-col {
display: none !important;
......@@ -21623,8 +21638,8 @@ ul.sf_date_field .sf-datepicker {
}
.mobile-article-list .sm,
.mobile-article-list .lg {
max-width: 80vw;
min-width: 80vw;
max-width: 340px;
min-width: 340px;
}
.mobile-article-list .sm .image,
.mobile-article-list .lg .image {
......@@ -21645,6 +21660,23 @@ ul.sf_date_field .sf-datepicker {
height: 100%;
}
}
@media only screen and (max-width: 500px) {
.mobile-article-list {
pointer-events: auto;
position: relative;
overflow: scroll;
width: 100vw;
}
.mobile-article-list ul {
flex-wrap: nowrap;
width: 1400px;
}
.mobile-article-list .sm,
.mobile-article-list .lg {
max-width: 80vw;
min-width: 80vw;
}
}
.news-search {
margin-top: 0px !important;
}
......
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,13 +44,17 @@
background-color: #F2F2F2;
transition: all 0.5s ease-in-out;
@media only screen and (max-width:67.063rem) {
@media only screen and (max-width:1073px) {
min-height: 186px !important;
max-height: 186px !important;
max-width: 80vw;
min-width: 80vw;
max-width: 340px;
min-width: 340px;
}
@media only screen and (max-width: 500px) {
max-width: 80vw;
min-width: 80vw;
}
img {
width: 100%;
......@@ -246,12 +250,19 @@
display: block;
height: 100%;
max-height: 100%;
@media only screen and (max-width:67.063rem) {
@media only screen and (max-width:1073px) {
min-height: 186px !important;
max-height: 186px !important;
max-width: 340px;
min-width: 340px;
margin-right: 24px;
max-width: 80vw;
min-width: 80vw;
}
@media only screen and (max-width: 500px) {
max-width: 80vw;
min-width: 80vw;
margin-right: 24px;
}
}
.pdf-carousel{
......
......@@ -294,7 +294,7 @@
display: none;
}
@media only screen and (max-width: 67.063rem) {
@media only screen and (max-width: 1073px) {
.post-list-right-col,
.post-list-left-col{
display: none !important;
......@@ -315,8 +315,8 @@
}
.sm,
.lg{
max-width: 80vw;
min-width: 80vw;
max-width: 340px;
min-width: 340px;
.image{
position: relative;
min-height: 186px;
......@@ -336,3 +336,22 @@
}
}
}
@media only screen and (max-width: 500px) {
.mobile-article-list{
pointer-events: auto;
position: relative;
overflow: scroll;
width: 100vw;
ul{
flex-wrap: nowrap;
width: 1400px;
}
.sm,
.lg{
max-width: 80vw;
min-width: 80vw;
}
}
}
\ No newline at end of file
......
......@@ -2,5 +2,5 @@
Theme Name: MSF CA Child
Author: Tenzing Communications
Template: msf-ca
Version: 1.0.5305
Version: 1.0.5306
*/
\ No newline at end of file
......