Skip to content

MSF / msf-climate-hub

Go to a project
Toggle navigation
Toggle navigation pinning
02ec0ec6 by Jeff Balicki
Options

qa 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 7ced0421
Inline Side-by-side
Showing 6 changed files with 43 additions and 13 deletions
...@@ -19423,9 +19423,14 @@ ul.sf_date_field .sf-datepicker { ...@@ -19423,9 +19423,14 @@ ul.sf_date_field .sf-datepicker {
19423 background-size: cover; 19423 background-size: cover;
19424 background-position: center; 19424 background-position: center;
19425 } 19425 }
19426 .entry-header.page .search-box:hover,
19427 .entry-header.page .search-box:focus-within {
19428 width: 100%;
19429 height: 90px;
19430 }
19426 .entry-header.page .search-box:focus-within #search-box-content, 19431 .entry-header.page .search-box:focus-within #search-box-content,
19427 .entry-header.page .search-box:hover #search-box-content { 19432 .entry-header.page .search-box:hover #search-box-content {
19428 display: block; 19433 opacity: 1;
19429 } 19434 }
19430 .entry-header.page .search-box:focus-within .search-button, 19435 .entry-header.page .search-box:focus-within .search-button,
19431 .entry-header.page .search-box:hover .search-button { 19436 .entry-header.page .search-box:hover .search-button {
...@@ -19445,9 +19450,13 @@ ul.sf_date_field .sf-datepicker { ...@@ -19445,9 +19450,13 @@ ul.sf_date_field .sf-datepicker {
19445 max-width: 90%; 19450 max-width: 90%;
19446 margin: auto; 19451 margin: auto;
19447 margin-top: 2.5rem; 19452 margin-top: 2.5rem;
19448 padding: 0rem 6.25rem; 19453 position: absolute;
19449 position: relative;
19450 box-shadow: -2px 7px 7px 0 rgba(0, 0, 0, 0.25); 19454 box-shadow: -2px 7px 7px 0 rgba(0, 0, 0, 0.25);
19455 transition: 0.5s ease-in-out;
19456 height: 4rem;
19457 width: 4rem;
19458 right: 5%;
19459 overflow: hidden;
19451 } 19460 }
19452 @media only screen and (max-width: 48.875rem) { 19461 @media only screen and (max-width: 48.875rem) {
19453 .entry-header.page .search-box { 19462 .entry-header.page .search-box {
...@@ -19460,7 +19469,8 @@ ul.sf_date_field .sf-datepicker { ...@@ -19460,7 +19469,8 @@ ul.sf_date_field .sf-datepicker {
19460 text-indent: -624.9375rem; 19469 text-indent: -624.9375rem;
19461 position: absolute; 19470 position: absolute;
19462 right: 0rem; 19471 right: 0rem;
19463 top: 1.25rem; 19472 top: 0px;
19473 opacity: 1;
19464 background-color: #fff; 19474 background-color: #fff;
19465 border-radius: 0.625rem; 19475 border-radius: 0.625rem;
19466 } 19476 }
...@@ -19476,9 +19486,12 @@ ul.sf_date_field .sf-datepicker { ...@@ -19476,9 +19486,12 @@ ul.sf_date_field .sf-datepicker {
19476 left: 0.75rem; 19486 left: 0.75rem;
19477 } 19487 }
19478 .entry-header.page .search-box #search-box-content { 19488 .entry-header.page .search-box #search-box-content {
19479 display: none; 19489 opacity: 0;
19480 position: relative; 19490 position: relative;
19481 } 19491 }
19492 .entry-header.page .search-box #search-box-content p {
19493 display: none;
19494 }
19482 .entry-header.page .search-box #search-box-content.show { 19495 .entry-header.page .search-box #search-box-content.show {
19483 display: block; 19496 display: block;
19484 } 19497 }
...@@ -19497,6 +19510,7 @@ ul.sf_date_field .sf-datepicker { ...@@ -19497,6 +19510,7 @@ ul.sf_date_field .sf-datepicker {
19497 } 19510 }
19498 .entry-header.page .search-box .searchandfilter { 19511 .entry-header.page .search-box .searchandfilter {
19499 width: calc(100% - 6.25rem); 19512 width: calc(100% - 6.25rem);
19513 margin-top: -5px;
19500 display: inline-block; 19514 display: inline-block;
19501 } 19515 }
19502 @media only screen and (max-width: 48.875rem) { 19516 @media only screen and (max-width: 48.875rem) {
...@@ -19611,6 +19625,7 @@ ul.sf_date_field .sf-datepicker { ...@@ -19611,6 +19625,7 @@ ul.sf_date_field .sf-datepicker {
19611 list-style: none; 19625 list-style: none;
19612 margin-top: 0rem; 19626 margin-top: 0rem;
19613 padding-left: 0rem; 19627 padding-left: 0rem;
19628 max-width: 18.5rem;
19614 } 19629 }
19615 .side-menu li { 19630 .side-menu li {
19616 margin-bottom: 0.875rem; 19631 margin-bottom: 0.875rem;
......
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.
...@@ -39,12 +39,18 @@ ...@@ -39,12 +39,18 @@
39 background-repeat: no-repeat; 39 background-repeat: no-repeat;
40 background-size: cover; 40 background-size: cover;
41 background-position: center; 41 background-position: center;
42 42 .search-box:hover,
43 .search-box:focus-within{
44 width: 100%;
45 height: 90px;
46
47 }
43 48
44 .search-box:focus-within #search-box-content, 49 .search-box:focus-within #search-box-content,
45 .search-box:hover #search-box-content{ 50 .search-box:hover #search-box-content{
46 display: block; 51 opacity: 1;
47 } 52 }
53
48 54
49 .search-box:focus-within .search-button, 55 .search-box:focus-within .search-button,
50 .search-box:hover .search-button{ 56 .search-box:hover .search-button{
...@@ -70,9 +76,14 @@ ...@@ -70,9 +76,14 @@
70 max-width: 90%; 76 max-width: 90%;
71 margin: auto; 77 margin: auto;
72 margin-top: 2.5rem; 78 margin-top: 2.5rem;
73 padding: 0rem 6.25rem ; 79 //padding: 0rem 6.25rem ;
74 position: relative; 80 position: absolute;
75 box-shadow: -2px 7px 7px 0 rgba(0,0,0,.25); 81 box-shadow: -2px 7px 7px 0 rgba(0,0,0,.25);
82 transition: 0.5s ease-in-out;
83 height: 4rem;
84 width: 4rem;
85 right: 5%;
86 overflow: hidden;
76 @media only screen and (max-width: 48.875rem) { 87 @media only screen and (max-width: 48.875rem) {
77 padding: 0rem 0.625rem ; 88 padding: 0rem 0.625rem ;
78 } 89 }
...@@ -83,7 +94,8 @@ ...@@ -83,7 +94,8 @@
83 text-indent: -624.9375rem; 94 text-indent: -624.9375rem;
84 position: absolute; 95 position: absolute;
85 right: 0rem; 96 right: 0rem;
86 top: 1.25rem; 97 top: 0px;
98 opacity: 1;
87 background-color: #fff; 99 background-color: #fff;
88 border-radius: 0.625rem; 100 border-radius: 0.625rem;
89 &:after { 101 &:after {
...@@ -100,8 +112,9 @@ ...@@ -100,8 +112,9 @@
100 } 112 }
101 113
102 #search-box-content{ 114 #search-box-content{
103 display: none; 115 opacity: 0;
104 position: relative; 116 position: relative;
117 p{display: none;}
105 } 118 }
106 #search-box-content.show{ 119 #search-box-content.show{
107 display: block; 120 display: block;
...@@ -122,6 +135,7 @@ ...@@ -122,6 +135,7 @@
122 } 135 }
123 .searchandfilter{ 136 .searchandfilter{
124 width: calc(100% - 6.25rem); 137 width: calc(100% - 6.25rem);
138 margin-top: -5px;
125 @media only screen and (max-width: 48.875rem) { 139 @media only screen and (max-width: 48.875rem) {
126 width: calc(100% - 0rem); 140 width: calc(100% - 0rem);
127 padding-left: 2.5rem; 141 padding-left: 2.5rem;
...@@ -242,7 +256,8 @@ h1+p { ...@@ -242,7 +256,8 @@ h1+p {
242 list-style: none; 256 list-style: none;
243 margin-top: 0rem; 257 margin-top: 0rem;
244 padding-left:0rem; 258 padding-left:0rem;
245 259 max-width: 18.5rem;
260
246 li{ 261 li{
247 margin-bottom: 0.875rem; 262 margin-bottom: 0.875rem;
248 position: relative; 263 position: relative;
......
...@@ -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.452 5 Version: 1.0.453
6 */ 6 */
7 7
......