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 {
.list-wrapper2,
.list-wrapper3 {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
height: 100vh !important;
top: 0;
left: 0;
right: 0;
height: auto;
min-height: 100vh;
transform: translateX(100%) !important;
-webkit-backface-visibility: hidden !important;
backface-visibility: hidden !important;
transition: transform 0.5s !important;
background-color: #F0F0F0;
padding: 20px 40px 60px 40px;
padding: 20px 40px 150px 40px;
display: none;
}
.list-wrapper2.is-visible,
.list-wrapper3.is-visible {
transform: none !important;
display: block;
}
.mega-menu-item .list-wrapper:nth-child(1) > ul > li > .sub-menu {
display: none;
......@@ -16239,7 +16242,7 @@ a.skip-link:focus {
left: 0;
transition: bottom 0.3s;
z-index: 99;
background: rgba(0, 0, 0, 0.7);
background: rgb(0, 0, 0);
display: block;
color: #fff;
padding: 1rem 2rem;
......@@ -16247,6 +16250,12 @@ a.skip-link:focus {
max-width: 65%;
cursor: pointer;
}
@media only screen and (max-width: 782px) {
.entry-content .wp-block-image figcaption {
max-width: 100%;
background: rgb(0, 0, 0);
}
}
.entry-content .wp-block-image figcaption:hover {
bottom: 0 !important;
}
......@@ -16365,6 +16374,25 @@ a.skip-link:focus {
display: block;
}
#search-sidebar {
min-width: 320px;
}
@media screen and (max-width: 768px) {
#search-sidebar {
min-width: 320px;
width: 100%;
}
}
.search-result {
width: calc(100% - 340px);
}
@media screen and (max-width: 768px) {
.search-result {
width: 100%;
}
}
.sh1 {
font-weight: 700;
line-height: 24px !important;
......@@ -17266,6 +17294,11 @@ ul.sf_date_field .sf-datepicker {
margin: auto;
margin-left: 10%;
}
@media screen and (max-width: 900px) {
.home-header .search-box .sf-field-search label {
width: 100%;
}
}
.home-header .search-box .sf-field-search label:after {
content: "";
position: absolute;
......@@ -17308,6 +17341,12 @@ ul.sf_date_field .sf-datepicker {
transition: none;
display: inline-block !important;
}
@media screen and (max-width: 900px) {
.home-header .search-box .sf-field-submit input[name=_sf_submit] {
height: 40px;
width: 40px;
}
}
.home-header .search-box .sf-field-submit input[name=_sf_submit]:hover {
background: #669999;
}
......@@ -17332,6 +17371,11 @@ ul.sf_date_field .sf-datepicker {
.side-caption {
max-width: 30%;
}
@media screen and (max-width: 768px) {
.side-caption {
max-width: 100%;
}
}
.copy-link {
background: url("./../img/caption.svg");
......@@ -17351,6 +17395,11 @@ ul.sf_date_field .sf-datepicker {
font-size: 14px;
margin-top: 0;
}
@media screen and (max-width: 768px) {
.image-side-caption {
background: rgb(0, 0, 0);
}
}
.image-side-caption .cap, .image-side-caption .copyright {
display: block;
}
......
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 @@
// Exit if accessed directly.
defined( 'ABSPATH' ) || exit;
$imgid = get_post_thumbnail_id($search_posts[$i]['ID']);
$img = "";
$post_type = get_post_type(get_the_ID());
$permalink = get_permalink();
$target = '';
if($post_type == 'attachment') {
$permalink = wp_get_attachment_url( get_the_ID());
if ( wp_attachment_is_image(get_the_ID()) ) {
$img = wp_get_attachment_url( get_the_ID());
}
$target = 'target="_blank"';
}
?>
......@@ -22,8 +30,7 @@ if($post_type == 'attachment') {
<a href='<?php echo $permalink; ?>' <?php echo $target; ?> class='outside-a'>
<?php
$imgid = get_post_thumbnail_id($search_posts[$i]['ID']);
$img = get_field('photo_from_source', $search_posts[$i]['ID']);
if($imgid || $img):
?>
<div class='photo'>
......
......@@ -165,12 +165,16 @@ blockquote{
left: 0;
transition: bottom .3s;
z-index: 99;
background: rgba(0,0,0,.7);
background: rgba(0,0,0,1);
display: block;
color: #fff;
padding: 1rem 2rem;
font-size: .75rem;
max-width: 65%;
@media only screen and (max-width: 782px) {
max-width: 100%;
background: rgba(0,0,0,1);
}
cursor: pointer;
&:hover {
bottom:0 !important;
......
......@@ -91,6 +91,9 @@
display: inline-block !important;
margin: auto;
margin-left: 10%;
@media screen and (max-width: 900px) {
width: 100%;
}
&:after {
content: "";
position: absolute;
......@@ -135,6 +138,10 @@
text-transform: uppercase;
transition: none;
display: inline-block !important;
@media screen and (max-width: 900px) {
height: 40px;
width:40px;
}
&:hover {
background:#669999;
}
......@@ -166,6 +173,9 @@
.side-caption {
max-width: 30%;
@media screen and (max-width: 768px) {
max-width: 100%;
}
}
.copy-link {
......@@ -180,6 +190,9 @@
.image-side-caption {
background: rgba(0,0,0,0.7);
@media screen and (max-width: 768px) {
background: rgba(0,0,0,1);
}
display: block;
color:white;
padding: 1rem 2rem;
......
......@@ -324,15 +324,17 @@
.list-wrapper2,
.list-wrapper3 {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
height: 100vh !important;
top: 0 ;
left: 0 ;
right: 0 ;
height: auto;
min-height: 100vh ;
transform: translateX(100%) !important;
backface-visibility: hidden !important;
transition: transform 0.5s !important;
background-color: #F0F0F0;
padding: 20px 40px 60px 40px;
padding: 20px 40px 150px 40px;
display: none;
}
......@@ -340,6 +342,7 @@
.list-wrapper2.is-visible,
.list-wrapper3.is-visible {
transform: none !important;
display: block;
}
.mega-menu-item .list-wrapper:nth-child(1) > ul > li > .sub-menu{
......
#search-sidebar{
min-width: 320px;
@media screen and (max-width: 768px){
min-width: 320px;
width:100%;
}
}
.search-result{
width: calc(100% - 340px);
@media screen and (max-width: 768px){
width:100%;
}
}
.sh1 {
font-weight: 700;
line-height: 24px !important;
......