Skip to content

MSF / msf-climate-hub

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

eee 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent f5405b98
Inline Side-by-side
Showing 13 changed files with 90 additions and 43 deletions
...@@ -16365,35 +16365,35 @@ p { ...@@ -16365,35 +16365,35 @@ p {
16365 .entry-content p a:hover { 16365 .entry-content p a:hover {
16366 text-decoration: underline; 16366 text-decoration: underline;
16367 } 16367 }
16368 .entry-content ul:not(.side-menu):not(.children) { 16368 .entry-content ul:not(.side-menu):not(.children):not(.newslist) {
16369 padding-left: 2rem; 16369 padding-left: 2rem;
16370 } 16370 }
16371 .entry-content ul:not(.side-menu):not(.children) li { 16371 .entry-content ul:not(.side-menu):not(.children):not(.newslist) li {
16372 margin-top: 0.313rem; 16372 margin-top: 0.313rem;
16373 } 16373 }
16374 .entry-content ul:not(.side-menu):not(.children) li a { 16374 .entry-content ul:not(.side-menu):not(.children):not(.newslist) li a {
16375 text-decoration: none !important; 16375 text-decoration: none !important;
16376 font-weight: bold !important; 16376 font-weight: bold !important;
16377 } 16377 }
16378 .entry-content ul:not(.side-menu):not(.children) li a:hover { 16378 .entry-content ul:not(.side-menu):not(.children):not(.newslist) li a:hover {
16379 text-decoration: underline !important; 16379 text-decoration: underline !important;
16380 } 16380 }
16381 .entry-content ul:not(.side-menu):not(.children) li ul:not(.side-menu):not(.children) { 16381 .entry-content ul:not(.side-menu):not(.children):not(.newslist) li ul:not(.side-menu):not(.children):not(.newslist) {
16382 list-style: none; 16382 list-style: none;
16383 margin-top: 0.313rem; 16383 margin-top: 0.313rem;
16384 } 16384 }
16385 .entry-content ul:not(.side-menu):not(.children) li ul:not(.side-menu):not(.children) li:before { 16385 .entry-content ul:not(.side-menu):not(.children):not(.newslist) li ul:not(.side-menu):not(.children):not(.newslist) li:before {
16386 content: "-"; 16386 content: "-";
16387 font-weight: bold; 16387 font-weight: bold;
16388 display: inline-block; 16388 display: inline-block;
16389 width: 1.5em; 16389 width: 1.5em;
16390 margin-left: -1.5em; 16390 margin-left: -1.5em;
16391 } 16391 }
16392 .entry-content ul:not(.side-menu):not(.children) li ul:not(.side-menu):not(.children) li a { 16392 .entry-content ul:not(.side-menu):not(.children):not(.newslist) li ul:not(.side-menu):not(.children):not(.newslist) li a {
16393 text-decoration: none !important; 16393 text-decoration: none !important;
16394 font-weight: bold !important; 16394 font-weight: bold !important;
16395 } 16395 }
16396 .entry-content ul:not(.side-menu):not(.children) li ul:not(.side-menu):not(.children) li a:hover { 16396 .entry-content ul:not(.side-menu):not(.children):not(.newslist) li ul:not(.side-menu):not(.children):not(.newslist) li a:hover {
16397 text-decoration: underline !important; 16397 text-decoration: underline !important;
16398 } 16398 }
16399 .entry-content ol { 16399 .entry-content ol {
...@@ -20154,6 +20154,8 @@ ul.sf_date_field .sf-datepicker { ...@@ -20154,6 +20154,8 @@ ul.sf_date_field .sf-datepicker {
20154 } 20154 }
20155 .news-and-stories-block ul .article-card:hover a { 20155 .news-and-stories-block ul .article-card:hover a {
20156 color: #699; 20156 color: #699;
20157 }
20158 .news-and-stories-block ul .article-card:hover .new-title {
20157 text-decoration: underline; 20159 text-decoration: underline;
20158 } 20160 }
20159 .news-and-stories-block ul .article-card:hover img { 20161 .news-and-stories-block ul .article-card:hover img {
...@@ -20168,10 +20170,8 @@ ul.sf_date_field .sf-datepicker { ...@@ -20168,10 +20170,8 @@ ul.sf_date_field .sf-datepicker {
20168 color: white; 20170 color: white;
20169 gap: 1.625rem; 20171 gap: 1.625rem;
20170 } 20172 }
20171 .article-card a:hover p { 20173 .article-card a:hover .news-title {
20172 text-decoration: underline; 20174 text-decoration: underline;
20173 font-size: 18px;
20174 line-height: 23px;
20175 } 20175 }
20176 .article-card a:hover .anchor-dots { 20176 .article-card a:hover .anchor-dots {
20177 background-image: url(../img/more-hover.svg); 20177 background-image: url(../img/more-hover.svg);
...@@ -20196,7 +20196,14 @@ ul.sf_date_field .sf-datepicker { ...@@ -20196,7 +20196,14 @@ ul.sf_date_field .sf-datepicker {
20196 margin: 0; 20196 margin: 0;
20197 display: inline; 20197 display: inline;
20198 } 20198 }
20199 .article-card .content p:first-child { 20199 .article-card .content p {
20200 display: block;
20201 word-break: break-word;
20202 }
20203 .article-card .content p:hover {
20204 text-decoration: none !important;
20205 }
20206 .article-card .content .news-title {
20200 display: inline-block; 20207 display: inline-block;
20201 color: #000000; 20208 color: #000000;
20202 font-weight: bold; 20209 font-weight: bold;
...@@ -20215,6 +20222,7 @@ ul.sf_date_field .sf-datepicker { ...@@ -20215,6 +20222,7 @@ ul.sf_date_field .sf-datepicker {
20215 font-weight: normal; 20222 font-weight: normal;
20216 display: inline-block; 20223 display: inline-block;
20217 text-decoration: none !important; 20224 text-decoration: none !important;
20225 margin-top: 14px;
20218 } 20226 }
20219 .article-card .content .author-name { 20227 .article-card .content .author-name {
20220 font-size: 0.875rem; 20228 font-size: 0.875rem;
...@@ -20260,8 +20268,15 @@ ul.sf_date_field .sf-datepicker { ...@@ -20260,8 +20268,15 @@ ul.sf_date_field .sf-datepicker {
20260 width: 100%; 20268 width: 100%;
20261 } 20269 }
20262 20270
20263 .sm .content p:first-child { 20271 .article-card:hover {
20264 display: inline-block; 20272 text-decoration: none !important;
20273 }
20274 .article-card:hover p {
20275 text-decoration: none !important;
20276 }
20277
20278 .sm .content .news-title {
20279 display: block;
20265 color: #000000; 20280 color: #000000;
20266 font-weight: bold; 20281 font-weight: bold;
20267 margin: 0; 20282 margin: 0;
......
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.
...@@ -60,7 +60,7 @@ function pull_posts_for_post_list( $data ) { ...@@ -60,7 +60,7 @@ function pull_posts_for_post_list( $data ) {
60 if(!$img) { 60 if(!$img) {
61 $img = get_post_meta($post->ID, 'photo_from_source', true); 61 $img = get_post_meta($post->ID, 'photo_from_source', true);
62 } 62 }
63 63 error_log($excerpt);
64 $new_posts[] = ['date'=>get_the_time( ' F j, Y', $post), 64 $new_posts[] = ['date'=>get_the_time( ' F j, Y', $post),
65 'article_author'=>$article_author,'author_title'=>$author_title, 65 'article_author'=>$article_author,'author_title'=>$author_title,
66 'author_company'=>$author_company,'href'=>get_permalink($post),'title'=>$post->post_title, 66 'author_company'=>$author_company,'href'=>get_permalink($post),'title'=>$post->post_title,
...@@ -106,7 +106,7 @@ function pull_posts_for_post_list( $data ) { ...@@ -106,7 +106,7 @@ function pull_posts_for_post_list( $data ) {
106 foreach($the_segment as $post) { 106 foreach($the_segment as $post) {
107 107
108 $excerpt = wp_filter_nohtml_kses(get_the_excerpt($post)); 108 $excerpt = wp_filter_nohtml_kses(get_the_excerpt($post));
109 $excerpt = trim(substr($excerpt, 0, strpos($excerpt, '[...]'))); 109 //$excerpt = trim(substr($excerpt, 0, strpos($excerpt, '[...]')));
110 $article_author = get_field('article_author', $post->ID) ?: null; 110 $article_author = get_field('article_author', $post->ID) ?: null;
111 $author_title = get_field('author_title', $post->ID) ?: null; 111 $author_title = get_field('author_title', $post->ID) ?: null;
112 $author_company = get_field('author_company', $post->ID) ?: null; 112 $author_company = get_field('author_company', $post->ID) ?: null;
...@@ -116,7 +116,7 @@ function pull_posts_for_post_list( $data ) { ...@@ -116,7 +116,7 @@ function pull_posts_for_post_list( $data ) {
116 if(!$img) { 116 if(!$img) {
117 $img = get_post_meta($post->ID, 'photo_from_source', true); 117 $img = get_post_meta($post->ID, 'photo_from_source', true);
118 } 118 }
119 119 error_log($excerpt);
120 $posts[] = ['date'=>get_the_time( ' F j, Y', $post), 120 $posts[] = ['date'=>get_the_time( ' F j, Y', $post),
121 'article_author'=>$article_author,'author_title'=>$author_title, 121 'article_author'=>$article_author,'author_title'=>$author_title,
122 'author_company'=>$author_company,'href'=>get_permalink($post),'title'=>$post->post_title, 122 'author_company'=>$author_company,'href'=>get_permalink($post),'title'=>$post->post_title,
......
...@@ -26209,6 +26209,7 @@ ...@@ -26209,6 +26209,7 @@
26209 26209
26210 var mobile_article_list = []; 26210 var mobile_article_list = [];
26211 function postItem(post_obj, size, sides, side_index, side_alternate, labels) { 26211 function postItem(post_obj, size, sides, side_index, side_alternate, labels) {
26212 console.log(post_obj);
26212 var li = ""; 26213 var li = "";
26213 if (size == 2) { 26214 if (size == 2) {
26214 li += "<li class='article-card lg'><a href='" + post_obj['href'] + "'>"; 26215 li += "<li class='article-card lg'><a href='" + post_obj['href'] + "'>";
...@@ -26216,9 +26217,12 @@ ...@@ -26216,9 +26217,12 @@
26216 li += "<div class='image large'><div class='scale-wrapper'><img src='" + post_obj['img_src'] + "' /></div></div>"; 26217 li += "<div class='image large'><div class='scale-wrapper'><img src='" + post_obj['img_src'] + "' /></div></div>";
26217 } 26218 }
26218 if (post_obj['title'].length > 100) { 26219 if (post_obj['title'].length > 100) {
26219 li += "<div class='content reduce'><p>" + post_obj['title'] + "</p><span class='anchor-dots'></span></div>"; 26220 li += "<div class='content reduce'><span class='news-title'>" + post_obj['title'] + "</span><span class='anchor-dots'></span></div>";
26220 } else { 26221 } else {
26221 li += "<div class='content'><p>" + post_obj['title'] + "</p>"; 26222 li += "<div class='content'><span class='news-title'>" + post_obj['title'] + "</span>";
26223 }
26224 if (post_obj['text']) {
26225 li += "<p>" + post_obj['text'] + "</p>";
26222 } 26226 }
26223 if (post_obj['date']) { 26227 if (post_obj['date']) {
26224 li += "<span class='published'>" + window.POST_LIST_LABELS.published + " " + post_obj['date'] + "</span>"; 26228 li += "<span class='published'>" + window.POST_LIST_LABELS.published + " " + post_obj['date'] + "</span>";
...@@ -26230,9 +26234,12 @@ ...@@ -26230,9 +26234,12 @@
26230 li += "<div class='image'><div class='scale-wrapper'><img src='" + post_obj['img_src'] + "' /></div></div>"; 26234 li += "<div class='image'><div class='scale-wrapper'><img src='" + post_obj['img_src'] + "' /></div></div>";
26231 } 26235 }
26232 if (post_obj['title'].length > 100) { 26236 if (post_obj['title'].length > 100) {
26233 li += "<div class='content reduce'><p>" + post_obj['title'] + "</p>"; 26237 li += "<div class='content reduce'><span class='news-title'>" + post_obj['title'] + "</span>";
26234 } else { 26238 } else {
26235 li += "<div class='content'><p>" + post_obj['title'] + "</p>"; 26239 li += "<div class='content'><span class='news-title'>" + post_obj['title'] + "</span>";
26240 }
26241 if (post_obj['text']) {
26242 li += "<p>" + post_obj['text'] + "</p>";
26236 } 26243 }
26237 if (post_obj['article_author']) { 26244 if (post_obj['article_author']) {
26238 li += "<span class='author-name'>" + post_obj['article_author'] + " | </span>"; 26245 li += "<span class='author-name'>" + post_obj['article_author'] + " | </span>";
...@@ -26346,11 +26353,11 @@ ...@@ -26346,11 +26353,11 @@
26346 jQuery(block).data('reset_side_from_large', reset_side_from_large); 26353 jQuery(block).data('reset_side_from_large', reset_side_from_large);
26347 jQuery(block).data('side_alternate', side_alternate); 26354 jQuery(block).data('side_alternate', side_alternate);
26348 if (append) { 26355 if (append) {
26349 jQuery(block).find('.post-list-left-col').append("<ul>" + sides.left.join('') + "</ul>"); 26356 jQuery(block).find('.post-list-left-col').append("<ul class='newslist'>" + sides.left.join('') + "</ul>");
26350 jQuery(block).find('.post-list-right-col').append("<ul>" + sides.right.join('') + "</ul>"); 26357 jQuery(block).find('.post-list-right-col').append("<ul class='newslist'>" + sides.right.join('') + "</ul>");
26351 } else { 26358 } else {
26352 jQuery(block).find('.post-list-left-col').html("<ul>" + sides.left.join('') + "</ul>"); 26359 jQuery(block).find('.post-list-left-col').html("<ul class='newslist'>" + sides.left.join('') + "</ul>");
26353 jQuery(block).find('.post-list-right-col').html("<ul>" + sides.right.join('') + "</ul>"); 26360 jQuery(block).find('.post-list-right-col').html("<ul class='newslist'>" + sides.right.join('') + "</ul>");
26354 } 26361 }
26355 jQuery('.mobile-article-list').html("<ul>" + mobile_article_list.join('') + "</ul>"); 26362 jQuery('.mobile-article-list').html("<ul>" + mobile_article_list.join('') + "</ul>");
26356 if (last_index) { 26363 if (last_index) {
......
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.
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
2 var mobile_article_list = []; 2 var mobile_article_list = [];
3 3
4 function postItem(post_obj, size, sides, side_index, side_alternate, labels) { 4 function postItem(post_obj, size, sides, side_index, side_alternate, labels) {
5 5 console.log(post_obj);
6 var li = ""; 6 var li = "";
7 if(size == 2) { 7 if(size == 2) {
8 li += "<li class='article-card lg'><a href='"+post_obj['href']+"'>"; 8 li += "<li class='article-card lg'><a href='"+post_obj['href']+"'>";
...@@ -10,9 +10,12 @@ function postItem(post_obj, size, sides, side_index, side_alternate, labels) { ...@@ -10,9 +10,12 @@ function postItem(post_obj, size, sides, side_index, side_alternate, labels) {
10 li += "<div class='image large'><div class='scale-wrapper'><img src='"+post_obj['img_src']+"' /></div></div>"; 10 li += "<div class='image large'><div class='scale-wrapper'><img src='"+post_obj['img_src']+"' /></div></div>";
11 } 11 }
12 if(post_obj['title'].length > 100) { 12 if(post_obj['title'].length > 100) {
13 li += "<div class='content reduce'><p>"+post_obj['title']+"</p><span class='anchor-dots'></span></div>"; 13 li += "<div class='content reduce'><span class='news-title'>"+post_obj['title']+"</span><span class='anchor-dots'></span></div>";
14 } else { 14 } else {
15 li += "<div class='content'><p>"+post_obj['title']+"</p>"; 15 li += "<div class='content'><span class='news-title'>"+post_obj['title']+"</span>";
16 }
17 if(post_obj['text']) {
18 li += "<p>"+post_obj['text']+"</p>";
16 } 19 }
17 if(post_obj['date']) { 20 if(post_obj['date']) {
18 li += "<span class='published'>"+window.POST_LIST_LABELS.published+" "+post_obj['date']+"</span>"; 21 li += "<span class='published'>"+window.POST_LIST_LABELS.published+" "+post_obj['date']+"</span>";
...@@ -24,9 +27,12 @@ function postItem(post_obj, size, sides, side_index, side_alternate, labels) { ...@@ -24,9 +27,12 @@ function postItem(post_obj, size, sides, side_index, side_alternate, labels) {
24 li += "<div class='image'><div class='scale-wrapper'><img src='"+post_obj['img_src']+"' /></div></div>"; 27 li += "<div class='image'><div class='scale-wrapper'><img src='"+post_obj['img_src']+"' /></div></div>";
25 } 28 }
26 if(post_obj['title'].length > 100) { 29 if(post_obj['title'].length > 100) {
27 li += "<div class='content reduce'><p>"+post_obj['title']+"</p>"; 30 li += "<div class='content reduce'><span class='news-title'>"+post_obj['title']+"</span>";
28 } else { 31 } else {
29 li += "<div class='content'><p>"+post_obj['title']+"</p>"; 32 li += "<div class='content'><span class='news-title'>"+post_obj['title']+"</span>";
33 }
34 if(post_obj['text']) {
35 li += "<p>"+post_obj['text']+"</p>";
30 } 36 }
31 if(post_obj['article_author']) { 37 if(post_obj['article_author']) {
32 li += "<span class='author-name'>"+post_obj['article_author']+" | </span>"; 38 li += "<span class='author-name'>"+post_obj['article_author']+" | </span>";
...@@ -160,11 +166,11 @@ function loadPostSegment(block, segment, append, limit) { ...@@ -160,11 +166,11 @@ function loadPostSegment(block, segment, append, limit) {
160 jQuery(block).data('side_alternate', side_alternate); 166 jQuery(block).data('side_alternate', side_alternate);
161 167
162 if(append) { 168 if(append) {
163 jQuery(block).find('.post-list-left-col').append("<ul>"+sides.left.join('')+"</ul>"); 169 jQuery(block).find('.post-list-left-col').append("<ul class='newslist'>"+sides.left.join('')+"</ul>");
164 jQuery(block).find('.post-list-right-col').append("<ul>"+sides.right.join('')+"</ul>"); 170 jQuery(block).find('.post-list-right-col').append("<ul class='newslist'>"+sides.right.join('')+"</ul>");
165 } else { 171 } else {
166 jQuery(block).find('.post-list-left-col').html("<ul>"+sides.left.join('')+"</ul>"); 172 jQuery(block).find('.post-list-left-col').html("<ul class='newslist'>"+sides.left.join('')+"</ul>");
167 jQuery(block).find('.post-list-right-col').html("<ul>"+sides.right.join('')+"</ul>"); 173 jQuery(block).find('.post-list-right-col').html("<ul class='newslist'>"+sides.right.join('')+"</ul>");
168 } 174 }
169 175
170 jQuery('.mobile-article-list').html("<ul>"+mobile_article_list.join('')+"</ul>") 176 jQuery('.mobile-article-list').html("<ul>"+mobile_article_list.join('')+"</ul>")
......
...@@ -89,7 +89,7 @@ p{ ...@@ -89,7 +89,7 @@ p{
89 } 89 }
90 } 90 }
91 91
92 ul:not(.side-menu):not(.children){ 92 ul:not(.side-menu):not(.children):not(.newslist){
93 padding-left: 2rem; 93 padding-left: 2rem;
94 li{ 94 li{
95 a{ 95 a{
...@@ -100,7 +100,7 @@ ul:not(.side-menu):not(.children){ ...@@ -100,7 +100,7 @@ ul:not(.side-menu):not(.children){
100 text-decoration: underline !important; 100 text-decoration: underline !important;
101 } 101 }
102 margin-top: 0.313rem; 102 margin-top: 0.313rem;
103 ul:not(.side-menu):not(.children){ 103 ul:not(.side-menu):not(.children):not(.newslist){
104 list-style: none; 104 list-style: none;
105 margin-top: 0.313rem; 105 margin-top: 0.313rem;
106 li:before{ 106 li:before{
......
...@@ -113,6 +113,9 @@ ...@@ -113,6 +113,9 @@
113 } 113 }
114 a { 114 a {
115 color: #699; 115 color: #699;
116
117 }
118 .new-title{
116 text-decoration: underline; 119 text-decoration: underline;
117 } 120 }
118 img { 121 img {
...@@ -137,10 +140,10 @@ ...@@ -137,10 +140,10 @@
137 gap: 1.625rem; 140 gap: 1.625rem;
138 &:hover { 141 &:hover {
139 142
140 p { 143 .news-title {
141 text-decoration: underline; 144 text-decoration: underline;
142 font-size: 18px; 145 // font-size: 18px;
143 line-height: 23px; 146 //line-height: 23px;
144 } 147 }
145 .anchor-dots { 148 .anchor-dots {
146 background-image: url(../img/more-hover.svg); 149 background-image: url(../img/more-hover.svg);
...@@ -173,7 +176,14 @@ ...@@ -173,7 +176,14 @@
173 margin:0; 176 margin:0;
174 display: inline; 177 display: inline;
175 } 178 }
176 p:first-child { 179 p{
180 display: block;
181 word-break: break-word;
182 }
183 p:hover{
184 text-decoration: none !important;
185 }
186 .news-title {
177 display: inline-block; 187 display: inline-block;
178 color:#000000; 188 color:#000000;
179 font-weight: bold; 189 font-weight: bold;
...@@ -192,6 +202,7 @@ ...@@ -192,6 +202,7 @@
192 font-weight: normal; 202 font-weight: normal;
193 display: inline-block; 203 display: inline-block;
194 text-decoration: none !important; 204 text-decoration: none !important;
205 margin-top: 14px;
195 } 206 }
196 .author-name { 207 .author-name {
197 font-size:0.875rem; 208 font-size:0.875rem;
...@@ -237,10 +248,18 @@ ...@@ -237,10 +248,18 @@
237 } 248 }
238 } 249 }
239 } 250 }
251
252 .article-card:hover{
253 text-decoration: none !important;
254 p{
255 text-decoration: none !important;
256 }
257
258 }
240 .sm{ 259 .sm{
241 .content { 260 .content {
242 p:first-child { 261 .news-title {
243 display: inline-block; 262 display: block;
244 color:#000000; 263 color:#000000;
245 font-weight: bold; 264 font-weight: bold;
246 margin:0; 265 margin:0;
......
...@@ -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.26 5 Version: 1.0.27
6 */ 6 */
...\ No newline at end of file ...\ No newline at end of file
......