Skip to content

MSF / msf-climate-hub

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

self QA 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent b01a222d
Inline Side-by-side
Showing 7 changed files with 66 additions and 15 deletions
...@@ -17566,6 +17566,11 @@ select { ...@@ -17566,6 +17566,11 @@ select {
17566 [data-sf-field-input-type=multiselect] label { 17566 [data-sf-field-input-type=multiselect] label {
17567 max-width: 30ch; 17567 max-width: 30ch;
17568 } 17568 }
17569 @media screen and (max-width: 56.25rem) {
17570 [data-sf-field-input-type=multiselect] label {
17571 max-width: unset;
17572 }
17573 }
17569 17574
17570 [data-sf-field-input-type=select] label { 17575 [data-sf-field-input-type=select] label {
17571 display: grid; 17576 display: grid;
...@@ -17580,6 +17585,11 @@ select { ...@@ -17580,6 +17585,11 @@ select {
17580 background-color: #fff; 17585 background-color: #fff;
17581 border: 0.0625rem solid #bebebe; 17586 border: 0.0625rem solid #bebebe;
17582 } 17587 }
17588 @media screen and (max-width: 56.25rem) {
17589 [data-sf-field-input-type=select] label {
17590 max-width: unset;
17591 }
17592 }
17583 17593
17584 [data-sf-field-input-type=select] label:after { 17594 [data-sf-field-input-type=select] label:after {
17585 content: ""; 17595 content: "";
...@@ -17972,9 +17982,10 @@ table:not(.ui-datepicker-calendar) thead th:first-child { ...@@ -17972,9 +17982,10 @@ table:not(.ui-datepicker-calendar) thead th:first-child {
17972 } 17982 }
17973 @media screen and (max-width: 48rem) { 17983 @media screen and (max-width: 48rem) {
17974 .sh1 { 17984 .sh1 {
17975 font-size: 2.188rem !important; 17985 font-size: 28px !important;
17976 line-height: 2.5rem !important; 17986 line-height: 2.5rem !important;
17977 padding-bottom: 2rem !important; 17987 padding-bottom: 2rem !important;
17988 margin-top: 45px;
17978 } 17989 }
17979 } 17990 }
17980 17991
...@@ -18259,8 +18270,6 @@ table:not(.ui-datepicker-calendar) thead th:first-child { ...@@ -18259,8 +18270,6 @@ table:not(.ui-datepicker-calendar) thead th:first-child {
18259 background: #669999; 18270 background: #669999;
18260 } 18271 }
18261 #search-wrapper ul.sf_date_field label::after { 18272 #search-wrapper ul.sf_date_field label::after {
18262 height: 1.75rem;
18263 width: 1.75rem;
18264 background-size: 1rem; 18273 background-size: 1rem;
18265 } 18274 }
18266 18275
...@@ -18304,6 +18313,12 @@ ul.sf_date_field .sf-datepicker { ...@@ -18304,6 +18313,12 @@ ul.sf_date_field .sf-datepicker {
18304 border: 0.0625rem solid #bebebe; 18313 border: 0.0625rem solid #bebebe;
18305 width: 12.625rem; 18314 width: 12.625rem;
18306 } 18315 }
18316 @media screen and (max-width: 56.25rem) {
18317 ul.sf_date_field .sf-datepicker {
18318 width: 16rem;
18319 height: 2.25rem;
18320 }
18321 }
18307 18322
18308 .search-result { 18323 .search-result {
18309 padding-left: 0rem; 18324 padding-left: 0rem;
...@@ -18425,6 +18440,11 @@ ul.sf_date_field .sf-datepicker { ...@@ -18425,6 +18440,11 @@ ul.sf_date_field .sf-datepicker {
18425 width: 99% !important; 18440 width: 99% !important;
18426 } 18441 }
18427 } 18442 }
18443 @media screen and (max-width: 56.25rem) {
18444 #advance-search-modal .sf-field-tag .select2-container--default .select2-search--inline .select2-search__field {
18445 width: 100% !important;
18446 }
18447 }
18428 #advance-search-modal .searching-loading { 18448 #advance-search-modal .searching-loading {
18429 display: none; 18449 display: none;
18430 font-size: 45px; 18450 font-size: 45px;
...@@ -18498,7 +18518,7 @@ ul.sf_date_field .sf-datepicker { ...@@ -18498,7 +18518,7 @@ ul.sf_date_field .sf-datepicker {
18498 } 18518 }
18499 @media screen and (max-width: 56.25rem) { 18519 @media screen and (max-width: 56.25rem) {
18500 #advance-search-modal .modal-body { 18520 #advance-search-modal .modal-body {
18501 padding: 0.3125rem 3.75rem; 18521 padding: 0.3125rem 3rem;
18502 padding-bottom: 12.5rem; 18522 padding-bottom: 12.5rem;
18503 } 18523 }
18504 } 18524 }
...@@ -18554,7 +18574,7 @@ ul.sf_date_field .sf-datepicker { ...@@ -18554,7 +18574,7 @@ ul.sf_date_field .sf-datepicker {
18554 } 18574 }
18555 @media screen and (max-width: 56.25rem) { 18575 @media screen and (max-width: 56.25rem) {
18556 #advance-search-modal .modal-dialog .searchandfilter .sf-field-search h4, #advance-search-modal .modal-dialog .searchandfilter .sf-field-search .h4 { 18576 #advance-search-modal .modal-dialog .searchandfilter .sf-field-search h4, #advance-search-modal .modal-dialog .searchandfilter .sf-field-search .h4 {
18557 font-size: 2.1875rem !important; 18577 font-size: 28px !important;
18558 line-height: 2.5rem; 18578 line-height: 2.5rem;
18559 margin-top: -0.625rem; 18579 margin-top: -0.625rem;
18560 } 18580 }
...@@ -18586,6 +18606,7 @@ ul.sf_date_field .sf-datepicker { ...@@ -18586,6 +18606,7 @@ ul.sf_date_field .sf-datepicker {
18586 #advance-search-modal .modal-dialog .searchandfilter .sf-field-reset, 18606 #advance-search-modal .modal-dialog .searchandfilter .sf-field-reset,
18587 #advance-search-modal .modal-dialog .searchandfilter .sf-field-submit { 18607 #advance-search-modal .modal-dialog .searchandfilter .sf-field-submit {
18588 width: 100%; 18608 width: 100%;
18609 padding: 0px 0;
18589 } 18610 }
18590 } 18611 }
18591 #advance-search-modal .modal-dialog .searchandfilter input[name=_sf_submit] { 18612 #advance-search-modal .modal-dialog .searchandfilter input[name=_sf_submit] {
...@@ -18602,6 +18623,7 @@ ul.sf_date_field .sf-datepicker { ...@@ -18602,6 +18623,7 @@ ul.sf_date_field .sf-datepicker {
18602 #advance-search-modal .modal-dialog .searchandfilter input[name=_sf_submit] { 18623 #advance-search-modal .modal-dialog .searchandfilter input[name=_sf_submit] {
18603 margin-top: 2.1875rem; 18624 margin-top: 2.1875rem;
18604 width: 100%; 18625 width: 100%;
18626 margin-right: 0rem;
18605 } 18627 }
18606 } 18628 }
18607 #advance-search-modal .modal-dialog .searchandfilter input[name=_sf_submit]:hover { 18629 #advance-search-modal .modal-dialog .searchandfilter input[name=_sf_submit]:hover {
...@@ -18729,6 +18751,8 @@ ul.sf_date_field .sf-datepicker { ...@@ -18729,6 +18751,8 @@ ul.sf_date_field .sf-datepicker {
18729 #advance-search-modal .sf-field-post-meta-msf_initiative, 18751 #advance-search-modal .sf-field-post-meta-msf_initiative,
18730 #advance-search-modal .sf-field-taxonomy-document-format { 18752 #advance-search-modal .sf-field-taxonomy-document-format {
18731 width: 100%; 18753 width: 100%;
18754 margin-bottom: 0px;
18755 padding-bottom: 0px;
18732 } 18756 }
18733 } 18757 }
18734 #advance-search-modal .sf-field-taxonomy-region, 18758 #advance-search-modal .sf-field-taxonomy-region,
...@@ -18752,6 +18776,11 @@ ul.sf_date_field .sf-datepicker { ...@@ -18752,6 +18776,11 @@ ul.sf_date_field .sf-datepicker {
18752 display: inline-block !important; 18776 display: inline-block !important;
18753 width: 30%; 18777 width: 30%;
18754 } 18778 }
18779 @media screen and (max-width: 56.25rem) {
18780 #advance-search-modal li.sf-field-post-meta-document_year {
18781 width: 100%;
18782 }
18783 }
18755 #advance-search-modal .sf-field-tag { 18784 #advance-search-modal .sf-field-tag {
18756 margin-bottom: 0px !important; 18785 margin-bottom: 0px !important;
18757 } 18786 }
......
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.
...@@ -623,6 +623,9 @@ select { ...@@ -623,6 +623,9 @@ select {
623 } 623 }
624 [data-sf-field-input-type="multiselect"] label{ 624 [data-sf-field-input-type="multiselect"] label{
625 max-width: 30ch; 625 max-width: 30ch;
626 @media screen and (max-width: 56.25rem) {
627 max-width: unset;
628 }
626 } 629 }
627 630
628 [data-sf-field-input-type="select"] label { 631 [data-sf-field-input-type="select"] label {
...@@ -637,6 +640,9 @@ select { ...@@ -637,6 +640,9 @@ select {
637 line-height: 1.1; 640 line-height: 1.1;
638 background-color: #fff; 641 background-color: #fff;
639 border: 0.0625rem solid #bebebe; 642 border: 0.0625rem solid #bebebe;
643 @media screen and (max-width: 56.25rem) {
644 max-width: unset;
645 }
640 } 646 }
641 [data-sf-field-input-type="select"] label{ 647 [data-sf-field-input-type="select"] label{
642 &:after { 648 &:after {
......
...@@ -20,9 +20,10 @@ ...@@ -20,9 +20,10 @@
20 text-transform: uppercase; 20 text-transform: uppercase;
21 21
22 @media screen and (max-width: 48rem) { 22 @media screen and (max-width: 48rem) {
23 font-size: 2.188rem !important; 23 font-size: 28px !important;
24 line-height: 2.5rem !important; 24 line-height: 2.5rem !important;
25 padding-bottom: 2rem !important; 25 padding-bottom: 2rem !important;
26 margin-top: 45px;
26 } 27 }
27 } 28 }
28 29
...@@ -351,8 +352,7 @@ ...@@ -351,8 +352,7 @@
351 } 352 }
352 353
353 ul.sf_date_field label::after { 354 ul.sf_date_field label::after {
354 height: 1.75rem; 355
355 width: 1.75rem;
356 background-size: 1rem; 356 background-size: 1rem;
357 357
358 } 358 }
...@@ -404,6 +404,10 @@ ul.sf_date_field { ...@@ -404,6 +404,10 @@ ul.sf_date_field {
404 .sf-datepicker { 404 .sf-datepicker {
405 border: 0.0625rem solid #bebebe; 405 border: 0.0625rem solid #bebebe;
406 width: 12.625rem; 406 width: 12.625rem;
407 @media screen and (max-width: 56.25rem) {
408 width: 16rem;
409 height: 2.25rem;
410 }
407 } 411 }
408 } 412 }
409 413
...@@ -519,6 +523,10 @@ ul.sf_date_field { ...@@ -519,6 +523,10 @@ ul.sf_date_field {
519 @media screen and (max-width: 1175px) { 523 @media screen and (max-width: 1175px) {
520 width: 99% !important; 524 width: 99% !important;
521 } 525 }
526 @media screen and (max-width: 56.25rem) {
527 width: 100% !important;
528 }
529
522 } 530 }
523 } 531 }
524 .searching-loading{ 532 .searching-loading{
...@@ -595,7 +603,7 @@ ul.sf_date_field { ...@@ -595,7 +603,7 @@ ul.sf_date_field {
595 .modal-body { 603 .modal-body {
596 padding: 0rem 2.1875rem 2.1875rem 2.1875rem; 604 padding: 0rem 2.1875rem 2.1875rem 2.1875rem;
597 @media screen and (max-width: 56.25rem) { 605 @media screen and (max-width: 56.25rem) {
598 padding: 0.3125rem 3.75rem; 606 padding: 0.3125rem 3rem;
599 padding-bottom: 12.5rem; 607 padding-bottom: 12.5rem;
600 } 608 }
601 } 609 }
...@@ -643,7 +651,7 @@ ul.sf_date_field { ...@@ -643,7 +651,7 @@ ul.sf_date_field {
643 font-weight: bold; 651 font-weight: bold;
644 display: block !important; 652 display: block !important;
645 @media screen and (max-width: 56.25rem) { 653 @media screen and (max-width: 56.25rem) {
646 font-size: 2.1875rem !important; 654 font-size: 28px !important;
647 line-height: 2.5rem; 655 line-height: 2.5rem;
648 margin-top: -0.625rem; 656 margin-top: -0.625rem;
649 } 657 }
...@@ -679,7 +687,7 @@ ul.sf_date_field { ...@@ -679,7 +687,7 @@ ul.sf_date_field {
679 display: inline-block; 687 display: inline-block;
680 @media screen and (max-width: 48rem) { 688 @media screen and (max-width: 48rem) {
681 width: 100%; 689 width: 100%;
682 690 padding: 0px 0;
683 } 691 }
684 } 692 }
685 693
...@@ -689,13 +697,15 @@ ul.sf_date_field { ...@@ -689,13 +697,15 @@ ul.sf_date_field {
689 border-radius: 2.5rem !important; 697 border-radius: 2.5rem !important;
690 height: 2.75rem; 698 height: 2.75rem;
691 width: 11.375rem; 699 width: 11.375rem;
700 border: 0 !important;
701 margin-right: 1.5rem;
702 margin-left: 0rem;
692 @media screen and (max-width: 48rem) { 703 @media screen and (max-width: 48rem) {
693 margin-top:2.1875rem; 704 margin-top:2.1875rem;
694 width: 100%; 705 width: 100%;
706 margin-right: 0rem;
695 } 707 }
696 border: 0 !important; 708
697 margin-right: 1.5rem;
698 margin-left: 0rem;
699 709
700 &:hover { 710 &:hover {
701 background: #669999; 711 background: #669999;
...@@ -735,6 +745,7 @@ ul.sf_date_field { ...@@ -735,6 +745,7 @@ ul.sf_date_field {
735 .sf-datepicker { 745 .sf-datepicker {
736 width: 12.5rem; 746 width: 12.5rem;
737 height: 2.25rem; 747 height: 2.25rem;
748
738 } 749 }
739 750
740 .sf_date_field { 751 .sf_date_field {
...@@ -833,6 +844,8 @@ ul.sf_date_field { ...@@ -833,6 +844,8 @@ ul.sf_date_field {
833 margin-bottom: 10px; 844 margin-bottom: 10px;
834 @media screen and (max-width: 56.25rem) { 845 @media screen and (max-width: 56.25rem) {
835 width: 100%; 846 width: 100%;
847 margin-bottom: 0px;
848 padding-bottom: 0px;
836 } 849 }
837 } 850 }
838 .sf-field-taxonomy-region, 851 .sf-field-taxonomy-region,
...@@ -854,6 +867,9 @@ ul.sf_date_field { ...@@ -854,6 +867,9 @@ ul.sf_date_field {
854 li.sf-field-post-meta-document_year { 867 li.sf-field-post-meta-document_year {
855 display: inline-block !important; 868 display: inline-block !important;
856 width: 30%; 869 width: 30%;
870 @media screen and (max-width: 56.25rem) {
871 width: 100%;
872 }
857 } 873 }
858 .sf-field-tag{ 874 .sf-field-tag{
859 margin-bottom: 0px !important; 875 margin-bottom: 0px !important;
......
...@@ -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.42 5 Version: 1.0.423
6 */ 6 */
......