Skip to content

MSF / msf-climate-hub

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

qa 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent a8ca9ac0
Inline Side-by-side
Showing 7 changed files with 68 additions and 15 deletions
...@@ -17557,6 +17557,10 @@ select { ...@@ -17557,6 +17557,10 @@ select {
17557 min-width: unset !important; 17557 min-width: unset !important;
17558 } 17558 }
17559 17559
17560 [data-sf-field-input-type=multiselect] label {
17561 max-width: 30ch;
17562 }
17563
17560 [data-sf-field-input-type=select] label { 17564 [data-sf-field-input-type=select] label {
17561 display: grid; 17565 display: grid;
17562 grid-template-areas: "select"; 17566 grid-template-areas: "select";
...@@ -18044,15 +18048,18 @@ table:not(.ui-datepicker-calendar) thead th:first-child { ...@@ -18044,15 +18048,18 @@ table:not(.ui-datepicker-calendar) thead th:first-child {
18044 #search-wrapper #search-sidebar .select2-selection__rendered { 18048 #search-wrapper #search-sidebar .select2-selection__rendered {
18045 background-color: #fff; 18049 background-color: #fff;
18046 border: 1px solid #fff; 18050 border: 1px solid #fff;
18051 height: 35px;
18047 } 18052 }
18048 #search-wrapper #search-sidebar .select2-container--default.select2-container--focus .select2-selection--multiple { 18053 #search-wrapper #search-sidebar .select2-container--default.select2-container--focus .select2-selection--multiple {
18049 border: 1px solid #fff; 18054 border: 1px solid #fff;
18055 height: 33px;
18050 } 18056 }
18051 #search-wrapper #search-sidebar .select2-search.select2-search--inline, 18057 #search-wrapper #search-sidebar .select2-search.select2-search--inline,
18052 #search-wrapper #search-sidebar .select2-container { 18058 #search-wrapper #search-sidebar .select2-container {
18053 width: 100% !important; 18059 width: 100% !important;
18054 margin-top: 0px; 18060 margin-top: 0px;
18055 padding-top: 0px; 18061 padding-top: 0px;
18062 padding-bottom: 0px;
18056 } 18063 }
18057 #search-wrapper #search-sidebar .select2-selection__choice { 18064 #search-wrapper #search-sidebar .select2-selection__choice {
18058 width: auto !important; 18065 width: auto !important;
...@@ -18060,7 +18067,7 @@ table:not(.ui-datepicker-calendar) thead th:first-child { ...@@ -18060,7 +18067,7 @@ table:not(.ui-datepicker-calendar) thead th:first-child {
18060 #search-wrapper #search-sidebar .select2-container--default .select2-search--inline .select2-search__field { 18067 #search-wrapper #search-sidebar .select2-container--default .select2-search--inline .select2-search__field {
18061 width: 94% !important; 18068 width: 94% !important;
18062 background-color: #fff; 18069 background-color: #fff;
18063 height: 32px; 18070 height: 33px;
18064 border: solid 1px #bebebe !important; 18071 border: solid 1px #bebebe !important;
18065 margin-top: 0px; 18072 margin-top: 0px;
18066 padding-top: 0px; 18073 padding-top: 0px;
...@@ -18343,19 +18350,26 @@ ul.sf_date_field .sf-datepicker { ...@@ -18343,19 +18350,26 @@ ul.sf_date_field .sf-datepicker {
18343 z-index: 99; 18350 z-index: 99;
18344 } 18351 }
18345 } 18352 }
18353 #advance-search-modal .select2-selection__rendered {
18354 margin-right: 0px;
18355 padding-right: 0px;
18356 }
18346 #advance-search-modal .select2-container--default .select2-selection--multiple, 18357 #advance-search-modal .select2-container--default .select2-selection--multiple,
18347 #advance-search-modal .select2-selection__rendered { 18358 #advance-search-modal .select2-selection__rendered {
18348 background-color: #f0f0f0; 18359 background-color: #f0f0f0;
18349 border: 1px solid #f0f0f0; 18360 border: 1px solid #f0f0f0;
18361 height: 35px;
18350 } 18362 }
18351 #advance-search-modal .select2-container--default.select2-container--focus .select2-selection--multiple { 18363 #advance-search-modal .select2-container--default.select2-container--focus .select2-selection--multiple {
18352 border: 1px solid #f0f0f0; 18364 border: 1px solid #f0f0f0;
18365 height: 33px;
18353 } 18366 }
18354 #advance-search-modal .select2-search.select2-search--inline, 18367 #advance-search-modal .select2-search.select2-search--inline,
18355 #advance-search-modal .select2-container { 18368 #advance-search-modal .select2-container {
18356 width: 100% !important; 18369 width: 100% !important;
18357 margin-top: 0px; 18370 margin-top: 0px;
18358 padding-top: 0px; 18371 padding-top: 0px;
18372 padding-bottom: 0px;
18359 } 18373 }
18360 #advance-search-modal .select2-selection__choice { 18374 #advance-search-modal .select2-selection__choice {
18361 width: auto !important; 18375 width: auto !important;
...@@ -18363,13 +18377,25 @@ ul.sf_date_field .sf-datepicker { ...@@ -18363,13 +18377,25 @@ ul.sf_date_field .sf-datepicker {
18363 margin-bottom: 5px; 18377 margin-bottom: 5px;
18364 } 18378 }
18365 #advance-search-modal .select2-container--default .select2-search--inline .select2-search__field { 18379 #advance-search-modal .select2-container--default .select2-search--inline .select2-search__field {
18366 width: 94% !important; 18380 width: 100% !important;
18367 background-color: #fff; 18381 background-color: #fff;
18368 height: 32px; 18382 height: 33px;
18369 border: solid 1px #bebebe !important; 18383 border: solid 1px #bebebe !important;
18370 margin-top: 0px; 18384 margin-top: 0px;
18371 padding-top: 0px; 18385 padding-top: 0px;
18372 } 18386 }
18387 #advance-search-modal .sf-field-tag label {
18388 width: 100% !important;
18389 max-width: 100% !important;
18390 }
18391 #advance-search-modal .sf-field-tag .select2-container--default .select2-search--inline .select2-search__field {
18392 width: 93% !important;
18393 }
18394 @media screen and (max-width: 1175px) {
18395 #advance-search-modal .sf-field-tag .select2-container--default .select2-search--inline .select2-search__field {
18396 width: 99% !important;
18397 }
18398 }
18373 #advance-search-modal .searching-loading { 18399 #advance-search-modal .searching-loading {
18374 display: none; 18400 display: none;
18375 font-size: 45px; 18401 font-size: 45px;
...@@ -18591,7 +18617,7 @@ ul.sf_date_field .sf-datepicker { ...@@ -18591,7 +18617,7 @@ ul.sf_date_field .sf-datepicker {
18591 #advance-search-modal .modal-dialog .searchandfilter .sf_date_field li:nth-of-type(2) .sf-date-prefix { 18617 #advance-search-modal .modal-dialog .searchandfilter .sf_date_field li:nth-of-type(2) .sf-date-prefix {
18592 width: 2rem !important; 18618 width: 2rem !important;
18593 } 18619 }
18594 @media screen and (max-width: 56.25rem) { 18620 @media screen and (max-width: 1175px) {
18595 #advance-search-modal .modal-dialog .searchandfilter .sf_date_field li:nth-of-type(2) .sf-date-prefix { 18621 #advance-search-modal .modal-dialog .searchandfilter .sf_date_field li:nth-of-type(2) .sf-date-prefix {
18596 width: 3.125rem !important; 18622 width: 3.125rem !important;
18597 } 18623 }
...@@ -18679,7 +18705,7 @@ ul.sf_date_field .sf-datepicker { ...@@ -18679,7 +18705,7 @@ ul.sf_date_field .sf-datepicker {
18679 vertical-align: bottom; 18705 vertical-align: bottom;
18680 } 18706 }
18681 #advance-search-modal .sf-field-post_date { 18707 #advance-search-modal .sf-field-post_date {
18682 width: 65%; 18708 width: 66%;
18683 display: inline-block; 18709 display: inline-block;
18684 } 18710 }
18685 @media screen and (max-width: 56.25rem) { 18711 @media screen and (max-width: 56.25rem) {
......
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.
...@@ -617,13 +617,16 @@ select { ...@@ -617,13 +617,16 @@ select {
617 background-color: transparent; 617 background-color: transparent;
618 min-width: unset !important; 618 min-width: unset !important;
619 } 619 }
620 [data-sf-field-input-type="multiselect"] label{
621 max-width: 30ch;
622 }
623
620 [data-sf-field-input-type="select"] label { 624 [data-sf-field-input-type="select"] label {
621 display: grid; 625 display: grid;
622 grid-template-areas: "select"; 626 grid-template-areas: "select";
623 align-items: center; 627 align-items: center;
624 position: relative; 628 position: relative;
625 max-width: 30ch; 629 max-width: 30ch;
626
627 padding: 0.506rem; 630 padding: 0.506rem;
628 font-size: 1rem; 631 font-size: 1rem;
629 cursor: pointer; 632 cursor: pointer;
...@@ -631,7 +634,7 @@ select { ...@@ -631,7 +634,7 @@ select {
631 background-color: #fff; 634 background-color: #fff;
632 border: 0.0625rem solid #bebebe; 635 border: 0.0625rem solid #bebebe;
633 } 636 }
634 [data-sf-field-input-type="select"] label { 637 [data-sf-field-input-type="select"] label{
635 &:after { 638 &:after {
636 content: ""; 639 content: "";
637 display: block; 640 display: block;
...@@ -650,4 +653,4 @@ select { ...@@ -650,4 +653,4 @@ select {
650 background-repeat: no-repeat; 653 background-repeat: no-repeat;
651 } 654 }
652 } 655 }
653 }
...\ No newline at end of file ...\ No newline at end of file
656 }
......
...@@ -137,15 +137,19 @@ ...@@ -137,15 +137,19 @@
137 .select2-selection__rendered{ 137 .select2-selection__rendered{
138 background-color: #fff; 138 background-color: #fff;
139 border: 1px solid #fff; 139 border: 1px solid #fff;
140 height: 35px;
140 } 141 }
142
141 .select2-container--default.select2-container--focus .select2-selection--multiple{ 143 .select2-container--default.select2-container--focus .select2-selection--multiple{
142 border: 1px solid #fff; 144 border: 1px solid #fff;
145 height: 33px;
143 } 146 }
144 .select2-search.select2-search--inline, 147 .select2-search.select2-search--inline,
145 .select2-container{ 148 .select2-container{
146 width: 100% !important; 149 width: 100% !important;
147 margin-top: 0px; 150 margin-top: 0px;
148 padding-top: 0px; 151 padding-top: 0px;
152 padding-bottom: 0px;
149 153
150 } 154 }
151 .select2-selection__choice{ 155 .select2-selection__choice{
...@@ -154,11 +158,12 @@ ...@@ -154,11 +158,12 @@
154 .select2-container--default .select2-search--inline .select2-search__field{ 158 .select2-container--default .select2-search--inline .select2-search__field{
155 width: 94% !important; 159 width: 94% !important;
156 background-color: #fff; 160 background-color: #fff;
157 height: 32px; 161 height: 33px;
158 border:solid 1px #bebebe !important; 162 border:solid 1px #bebebe !important;
159 margin-top: 0px; 163 margin-top: 0px;
160 padding-top: 0px; 164 padding-top: 0px;
161 } 165 }
166
162 167
163 } 168 }
164 169
...@@ -458,20 +463,26 @@ ul.sf_date_field { ...@@ -458,20 +463,26 @@ ul.sf_date_field {
458 margin-top: 6rem; 463 margin-top: 6rem;
459 z-index: 99; 464 z-index: 99;
460 } 465 }
466 .select2-selection__rendered{
467 margin-right: 0px;
468 padding-right: 0px;
469 }
461 .select2-container--default .select2-selection--multiple, 470 .select2-container--default .select2-selection--multiple,
462 .select2-selection__rendered{ 471 .select2-selection__rendered{
463 background-color: #f0f0f0; 472 background-color: #f0f0f0;
464 border: 1px solid #f0f0f0; 473 border: 1px solid #f0f0f0;
474 height: 35px;
465 } 475 }
466 .select2-container--default.select2-container--focus .select2-selection--multiple{ 476 .select2-container--default.select2-container--focus .select2-selection--multiple{
467 border: 1px solid #f0f0f0; 477 border: 1px solid #f0f0f0;
478 height: 33px;
468 } 479 }
469 .select2-search.select2-search--inline, 480 .select2-search.select2-search--inline,
470 .select2-container{ 481 .select2-container{
471 width: 100% !important; 482 width: 100% !important;
472 margin-top: 0px; 483 margin-top: 0px;
473 padding-top: 0px; 484 padding-top: 0px;
474 485 padding-bottom: 0px;
475 } 486 }
476 .select2-selection__choice{ 487 .select2-selection__choice{
477 width: auto !important; 488 width: auto !important;
...@@ -479,13 +490,25 @@ ul.sf_date_field { ...@@ -479,13 +490,25 @@ ul.sf_date_field {
479 margin-bottom: 5px; 490 margin-bottom: 5px;
480 } 491 }
481 .select2-container--default .select2-search--inline .select2-search__field{ 492 .select2-container--default .select2-search--inline .select2-search__field{
482 width: 94% !important; 493 width: 100% !important;
483 background-color: #fff; 494 background-color: #fff;
484 height: 32px; 495 height: 33px;
485 border:solid 1px #bebebe !important; 496 border:solid 1px #bebebe !important;
486 margin-top: 0px; 497 margin-top: 0px;
487 padding-top: 0px; 498 padding-top: 0px;
488 } 499 }
500 .sf-field-tag{
501 label{
502 width: 100% !important;
503 max-width:100% !important;
504 }
505 .select2-container--default .select2-search--inline .select2-search__field{
506 width: 93% !important;
507 @media screen and (max-width: 1175px) {
508 width: 99% !important;
509 }
510 }
511 }
489 .searching-loading{ 512 .searching-loading{
490 display: none; 513 display: none;
491 font-size: 45px; 514 font-size: 45px;
...@@ -711,7 +734,8 @@ ul.sf_date_field { ...@@ -711,7 +734,8 @@ ul.sf_date_field {
711 } 734 }
712 .sf_date_field li:nth-of-type(2) .sf-date-prefix{ 735 .sf_date_field li:nth-of-type(2) .sf-date-prefix{
713 width: 2rem!important; 736 width: 2rem!important;
714 @media screen and (max-width: 56.25rem) { 737
738 @media screen and (max-width: 1175px) {
715 width: 3.125rem !important; 739 width: 3.125rem !important;
716 } 740 }
717 } 741 }
...@@ -803,7 +827,7 @@ ul.sf_date_field { ...@@ -803,7 +827,7 @@ ul.sf_date_field {
803 } 827 }
804 828
805 .sf-field-post_date{ 829 .sf-field-post_date{
806 width: 65%; 830 width: 66%;
807 display: inline-block; 831 display: inline-block;
808 @media screen and (max-width: 56.25rem) { 832 @media screen and (max-width: 56.25rem) {
809 width: 100%; 833 width: 100%;
......
...@@ -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.37 5 Version: 1.0.38
6 */ 6 */
......