Skip to content

MSF / msf-climate-hub

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

qa 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 453f6102
Inline Side-by-side
Showing 15 changed files with 79 additions and 31 deletions
...@@ -17688,14 +17688,24 @@ p { ...@@ -17688,14 +17688,24 @@ p {
17688 font-size: 1.25rem; 17688 font-size: 1.25rem;
17689 line-height: 1.5625rem; 17689 line-height: 1.5625rem;
17690 } 17690 }
17691 .entry-content h1 + p, .entry-content .h1 + p {
17692 font-size: 16px;
17693 line-height: 20px;
17694 font-weight: bold;
17695 }
17696 .entry-content p + ul {
17697 margin-top: 0.938rem !important;
17698 }
17699 .entry-content ul:not(.side-menu):not(.children) {
17700 padding-left: 2rem;
17701 }
17691 .entry-content ul:not(.side-menu):not(.children) li { 17702 .entry-content ul:not(.side-menu):not(.children) li {
17692 color: #4D4D4D; 17703 color: #4D4D4D;
17693 margin-bottom: 0.5rem; 17704 margin-top: 0.313rem;
17694 padding: 0.1875rem 0 0.125rem 0.625rem;
17695 } 17705 }
17696 .entry-content ul:not(.side-menu):not(.children) li ul:not(.side-menu):not(.children) { 17706 .entry-content ul:not(.side-menu):not(.children) li ul:not(.side-menu):not(.children) {
17697 list-style: none; 17707 list-style: none;
17698 margin-top: 0.5rem; 17708 margin-top: 0.313rem;
17699 } 17709 }
17700 .entry-content ul:not(.side-menu):not(.children) li ul:not(.side-menu):not(.children) li:before { 17710 .entry-content ul:not(.side-menu):not(.children) li ul:not(.side-menu):not(.children) li:before {
17701 content: "-"; 17711 content: "-";
...@@ -17705,10 +17715,12 @@ p { ...@@ -17705,10 +17715,12 @@ p {
17705 width: 1.5em; 17715 width: 1.5em;
17706 margin-left: -1.5em; 17716 margin-left: -1.5em;
17707 } 17717 }
17718 .entry-content ol {
17719 padding-left: 2rem;
17720 }
17708 .entry-content ol li { 17721 .entry-content ol li {
17709 color: #4D4D4D; 17722 color: #4D4D4D;
17710 margin-bottom: 0.5rem; 17723 margin-top: 0.313rem;
17711 padding: 0.1875rem 0 0.125rem 0.625rem;
17712 } 17724 }
17713 .entry-content .wp-block-pullquote { 17725 .entry-content .wp-block-pullquote {
17714 padding: 2em 0; 17726 padding: 2em 0;
...@@ -17851,6 +17863,7 @@ p { ...@@ -17851,6 +17863,7 @@ p {
17851 z-index: 99; 17863 z-index: 99;
17852 padding: 0.625rem 1.25rem; 17864 padding: 0.625rem 1.25rem;
17853 background-color: #fff; 17865 background-color: #fff;
17866 transition: 4s ease-in-out;
17854 } 17867 }
17855 @media only screen and (max-width: 48.875rem) { 17868 @media only screen and (max-width: 48.875rem) {
17856 .badge { 17869 .badge {
...@@ -17889,12 +17902,19 @@ p { ...@@ -17889,12 +17902,19 @@ p {
17889 top: 0.125rem; 17902 top: 0.125rem;
17890 } 17903 }
17891 } 17904 }
17905 .badge .badge_content {
17906 width: 0px;
17907 height: 0px;
17908 overflow: hidden;
17909 transition: 1s ease-in-out;
17910 max-width: 16.875rem;
17911 }
17892 .badge p { 17912 .badge p {
17913 width: 16.875rem;
17893 font-size: 0.875rem; 17914 font-size: 0.875rem;
17894 line-height: 1.125rem; 17915 line-height: 1.125rem;
17895 font-weight: normal; 17916 font-weight: normal;
17896 color: #000000; 17917 color: #000000;
17897 display: none;
17898 text-align: left; 17918 text-align: left;
17899 word-wrap: break-word; 17919 word-wrap: break-word;
17900 word-wrap: break-word; 17920 word-wrap: break-word;
...@@ -17929,11 +17949,10 @@ p { ...@@ -17929,11 +17949,10 @@ p {
17929 top: 0.25rem; 17949 top: 0.25rem;
17930 } 17950 }
17931 } 17951 }
17932 .badge:hover p { 17952 .badge:hover .badge_content {
17933 max-width: 16.875rem;
17934 width: auto; 17953 width: auto;
17935 height: auto; 17954 height: auto;
17936 display: block; 17955 overflow: hidden;
17937 } 17956 }
17938 17957
17939 table:not(.ui-datepicker-calendar):not(#relevant-resources) { 17958 table:not(.ui-datepicker-calendar):not(#relevant-resources) {
...@@ -19805,7 +19824,7 @@ ul.sf_date_field .sf-datepicker { ...@@ -19805,7 +19824,7 @@ ul.sf_date_field .sf-datepicker {
19805 We're overriding the page structure global for this because this 19824 We're overriding the page structure global for this because this
19806 was seen to be different than usual blocks on page #49 in accordion section 19825 was seen to be different than usual blocks on page #49 in accordion section
19807 */ 19826 */
19808 padding-bottom: 0.969rem; 19827 padding-bottom: 10px;
19809 border-bottom: #BEBEBE solid 0.0625rem; 19828 border-bottom: #BEBEBE solid 0.0625rem;
19810 } 19829 }
19811 .wp-block-pb-accordion-item.first-accordion { 19830 .wp-block-pb-accordion-item.first-accordion {
...@@ -19972,6 +19991,7 @@ ul.sf_date_field .sf-datepicker { ...@@ -19972,6 +19991,7 @@ ul.sf_date_field .sf-datepicker {
19972 display: inline-block; 19991 display: inline-block;
19973 width: unset; 19992 width: unset;
19974 border-radius: 2.5rem !important; 19993 border-radius: 2.5rem !important;
19994 font-weight: bold;
19975 } 19995 }
19976 @media screen and (max-width: 48rem) { 19996 @media screen and (max-width: 48rem) {
19977 .call-out-block a { 19997 .call-out-block a {
...@@ -20677,6 +20697,7 @@ ul.sf_date_field .sf-datepicker { ...@@ -20677,6 +20697,7 @@ ul.sf_date_field .sf-datepicker {
20677 margin-bottom: 0px; 20697 margin-bottom: 0px;
20678 padding-bottom: 0px; 20698 padding-bottom: 0px;
20679 text-decoration: none; 20699 text-decoration: none;
20700 word-break: break-all;
20680 } 20701 }
20681 .relevant-resources #relevant-resources td .rel a.PDF h3:before, .relevant-resources #relevant-resources td .rel a.PDF .h3:before { 20702 .relevant-resources #relevant-resources td .rel a.PDF h3:before, .relevant-resources #relevant-resources td .rel a.PDF .h3:before {
20682 content: ""; 20703 content: "";
......
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.
...@@ -26225,7 +26225,7 @@ ...@@ -26225,7 +26225,7 @@
26225 if (evalType === "visible") return y < vpH + st && y > st - elementHeight; 26225 if (evalType === "visible") return y < vpH + st && y > st - elementHeight;
26226 if (evalType === "above") return y < vpH + st; 26226 if (evalType === "above") return y < vpH + st;
26227 }; 26227 };
26228 jQuery(document).ready(function () { 26228 jQuery(document).ready(function ($) {
26229 console.log('ready'); 26229 console.log('ready');
26230 jQuery('#relevant-resources').dataTable({ 26230 jQuery('#relevant-resources').dataTable({
26231 info: false, 26231 info: false,
...@@ -26236,6 +26236,12 @@ ...@@ -26236,6 +26236,12 @@
26236 pagingType: "numbers", 26236 pagingType: "numbers",
26237 pageLength: 10 26237 pageLength: 10
26238 }); 26238 });
26239 $('#relevant-resources').on('page.dt', function () {
26240 console.log('page');
26241 $('html, body, #page').animate({
26242 scrollTop: $("#relevant-resources").offset().top - 250
26243 }, 100);
26244 });
26239 }); 26245 });
26240 document.addEventListener('wpcf7mailsent', function (event) { 26246 document.addEventListener('wpcf7mailsent', function (event) {
26241 jQuery('.appArea.responsive').hide(); 26247 jQuery('.appArea.responsive').hide();
......
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.
...@@ -22,7 +22,7 @@ $badge = get_field('badge'); ...@@ -22,7 +22,7 @@ $badge = get_field('badge');
22 <div class="entry-content"> 22 <div class="entry-content">
23 <?php if($badge){ 23 <?php if($badge){
24 $badge_content = get_field('badge_content'); 24 $badge_content = get_field('badge_content');
25 echo "<div class='badge'><div class='badge-title'>".$badge_content['badge_label']."</div><p>".$badge_content['badge_text']."</p></div>"; 25 echo "<div class='badge'><div class='badge-title'>".$badge_content['badge_label']."</div><div class='badge_content'><p>".$badge_content['badge_text']."</p></div></div>";
26 26
27 }?> 27 }?>
28 28
......
...@@ -32,7 +32,7 @@ window.tz_checkVisible = function(elm, evalType , offset, heightBuffer) { ...@@ -32,7 +32,7 @@ window.tz_checkVisible = function(elm, evalType , offset, heightBuffer) {
32 if (evalType === "above") return ((y < (vpH + st))); 32 if (evalType === "above") return ((y < (vpH + st)));
33 }; 33 };
34 34
35 jQuery(document).ready(function() { 35 jQuery(document).ready(function($) {
36 console.log('ready'); 36 console.log('ready');
37 jQuery('#relevant-resources').dataTable( { 37 jQuery('#relevant-resources').dataTable( {
38 info: false, 38 info: false,
...@@ -43,9 +43,17 @@ jQuery(document).ready(function() { ...@@ -43,9 +43,17 @@ jQuery(document).ready(function() {
43 pagingType: "numbers", 43 pagingType: "numbers",
44 pageLength: 10 44 pageLength: 10
45 } ); 45 } );
46 } );
47 46
48 47
48 $('#relevant-resources').on( 'page.dt', function () {
49 console.log('page');
50 $('html, body, #page').animate({
51 scrollTop: $("#relevant-resources").offset().top - 250
52 }, 100);
53
54 });
55
56 } );
49 57
50 58
51 59
......
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
10 10
11 11
12 //This should be the default when it's closed as seen on page #49 12 //This should be the default when it's closed as seen on page #49
13 padding-bottom:0.969rem; 13 padding-bottom:10px;
14 14
15 &.is-open { 15 &.is-open {
16 //This was seen to be the correct spacing in page #49 in the accordion with the download cards 16 //This was seen to be the correct spacing in page #49 in the accordion with the download cards
......
...@@ -57,7 +57,7 @@ ...@@ -57,7 +57,7 @@
57 display: inline-block; 57 display: inline-block;
58 width: unset; 58 width: unset;
59 border-radius: 2.5rem !important; 59 border-radius: 2.5rem !important;
60 60 font-weight: bold;
61 @media screen and (max-width: 48rem) { 61 @media screen and (max-width: 48rem) {
62 font-size: 1rem; 62 font-size: 1rem;
63 padding: 0.9375rem 1.875rem; 63 padding: 0.9375rem 1.875rem;
......
...@@ -49,15 +49,22 @@ h4 { ...@@ -49,15 +49,22 @@ h4 {
49 font-size: 1.25rem; 49 font-size: 1.25rem;
50 line-height: 1.5625rem; 50 line-height: 1.5625rem;
51 } 51 }
52 52 h1+p{
53 font-size: 16px;
54 line-height: 20px;
55 font-weight: bold;
56 }
57 p + ul{
58 margin-top:.938rem !important;
59 }
53 ul:not(.side-menu):not(.children){ 60 ul:not(.side-menu):not(.children){
61 padding-left: 2rem;
54 li{ 62 li{
55 color: #4D4D4D; 63 color: #4D4D4D;
56 margin-bottom: 0.5rem; 64 margin-top: 0.313rem;
57 padding: 0.1875rem 0 0.125rem 0.625rem;
58 ul:not(.side-menu):not(.children){ 65 ul:not(.side-menu):not(.children){
59 list-style: none; 66 list-style: none;
60 margin-top: 0.5rem; 67 margin-top: 0.313rem;
61 li:before{ 68 li:before{
62 content: "-"; 69 content: "-";
63 color: #4D4D4D; 70 color: #4D4D4D;
...@@ -71,10 +78,10 @@ ul:not(.side-menu):not(.children){ ...@@ -71,10 +78,10 @@ ul:not(.side-menu):not(.children){
71 } 78 }
72 79
73 ol{ 80 ol{
81 padding-left: 2rem;
74 li{ 82 li{
75 color: #4D4D4D; 83 color: #4D4D4D;
76 margin-bottom: 0.5rem; 84 margin-top: 0.313rem;
77 padding: 0.1875rem 0 0.125rem 0.625rem;
78 85
79 } 86 }
80 } 87 }
...@@ -223,6 +230,7 @@ blockquote{ ...@@ -223,6 +230,7 @@ blockquote{
223 z-index: 99; 230 z-index: 99;
224 padding: 0.625rem 1.25rem; 231 padding: 0.625rem 1.25rem;
225 background-color: #fff; 232 background-color: #fff;
233 transition: 4s ease-in-out;
226 @media only screen and (max-width: 48.875rem) { 234 @media only screen and (max-width: 48.875rem) {
227 padding: 0.625rem 1.25rem; 235 padding: 0.625rem 1.25rem;
228 } 236 }
...@@ -254,12 +262,19 @@ blockquote{ ...@@ -254,12 +262,19 @@ blockquote{
254 } 262 }
255 } 263 }
256 } 264 }
265 .badge_content{
266 width: 0px;
267 height: 0px;
268 overflow: hidden;
269 transition: 1s ease-in-out;
270 max-width: 16.875rem;
271 }
257 p{ 272 p{
273 width: 16.875rem;
258 font-size: 0.875rem; 274 font-size: 0.875rem;
259 line-height: 1.125rem; 275 line-height: 1.125rem;
260 font-weight: normal; 276 font-weight: normal;
261 color: #000000; 277 color: #000000;
262 display: none;
263 text-align: left; 278 text-align: left;
264 word-wrap: break-word; 279 word-wrap: break-word;
265 word-wrap: break-word; 280 word-wrap: break-word;
...@@ -276,7 +291,7 @@ blockquote{ ...@@ -276,7 +291,7 @@ blockquote{
276 padding: 0.625rem 1.25rem; 291 padding: 0.625rem 1.25rem;
277 } 292 }
278 .badge-title{ 293 .badge-title{
279 display:block; 294 display: block;
280 @media only screen and (max-width: 48.875rem) { 295 @media only screen and (max-width: 48.875rem) {
281 font-size:1rem; 296 font-size:1rem;
282 line-height: 1.875rem; 297 line-height: 1.875rem;
...@@ -289,15 +304,12 @@ blockquote{ ...@@ -289,15 +304,12 @@ blockquote{
289 } 304 }
290 } 305 }
291 } 306 }
292 p{ 307 .badge_content{
293 max-width: 16.875rem;
294 width: auto; 308 width: auto;
295 height: auto; 309 height: auto;
296 display: block; 310 overflow: hidden;
297
298
299
300 } 311 }
312
301 } 313 }
302 314
303 315
......
...@@ -62,6 +62,7 @@ ...@@ -62,6 +62,7 @@
62 margin-bottom: 0px; 62 margin-bottom: 0px;
63 padding-bottom: 0px; 63 padding-bottom: 0px;
64 text-decoration: none; 64 text-decoration: none;
65 word-break: break-all;
65 } 66 }
66 a.PDF h3 { 67 a.PDF h3 {
67 &:before { 68 &:before {
......
...@@ -2,6 +2,6 @@ ...@@ -2,6 +2,6 @@
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.447 5 Version: 1.0.448
6 */ 6 */
7 7
......