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 {
[data-sf-field-input-type=multiselect] label {
max-width: 30ch;
}
@media screen and (max-width: 56.25rem) {
[data-sf-field-input-type=multiselect] label {
max-width: unset;
}
}
[data-sf-field-input-type=select] label {
display: grid;
......@@ -17580,6 +17585,11 @@ select {
background-color: #fff;
border: 0.0625rem solid #bebebe;
}
@media screen and (max-width: 56.25rem) {
[data-sf-field-input-type=select] label {
max-width: unset;
}
}
[data-sf-field-input-type=select] label:after {
content: "";
......@@ -17972,9 +17982,10 @@ table:not(.ui-datepicker-calendar) thead th:first-child {
}
@media screen and (max-width: 48rem) {
.sh1 {
font-size: 2.188rem !important;
font-size: 28px !important;
line-height: 2.5rem !important;
padding-bottom: 2rem !important;
margin-top: 45px;
}
}
......@@ -18259,8 +18270,6 @@ table:not(.ui-datepicker-calendar) thead th:first-child {
background: #669999;
}
#search-wrapper ul.sf_date_field label::after {
height: 1.75rem;
width: 1.75rem;
background-size: 1rem;
}
......@@ -18304,6 +18313,12 @@ ul.sf_date_field .sf-datepicker {
border: 0.0625rem solid #bebebe;
width: 12.625rem;
}
@media screen and (max-width: 56.25rem) {
ul.sf_date_field .sf-datepicker {
width: 16rem;
height: 2.25rem;
}
}
.search-result {
padding-left: 0rem;
......@@ -18425,6 +18440,11 @@ ul.sf_date_field .sf-datepicker {
width: 99% !important;
}
}
@media screen and (max-width: 56.25rem) {
#advance-search-modal .sf-field-tag .select2-container--default .select2-search--inline .select2-search__field {
width: 100% !important;
}
}
#advance-search-modal .searching-loading {
display: none;
font-size: 45px;
......@@ -18498,7 +18518,7 @@ ul.sf_date_field .sf-datepicker {
}
@media screen and (max-width: 56.25rem) {
#advance-search-modal .modal-body {
padding: 0.3125rem 3.75rem;
padding: 0.3125rem 3rem;
padding-bottom: 12.5rem;
}
}
......@@ -18554,7 +18574,7 @@ ul.sf_date_field .sf-datepicker {
}
@media screen and (max-width: 56.25rem) {
#advance-search-modal .modal-dialog .searchandfilter .sf-field-search h4, #advance-search-modal .modal-dialog .searchandfilter .sf-field-search .h4 {
font-size: 2.1875rem !important;
font-size: 28px !important;
line-height: 2.5rem;
margin-top: -0.625rem;
}
......@@ -18586,6 +18606,7 @@ ul.sf_date_field .sf-datepicker {
#advance-search-modal .modal-dialog .searchandfilter .sf-field-reset,
#advance-search-modal .modal-dialog .searchandfilter .sf-field-submit {
width: 100%;
padding: 0px 0;
}
}
#advance-search-modal .modal-dialog .searchandfilter input[name=_sf_submit] {
......@@ -18602,6 +18623,7 @@ ul.sf_date_field .sf-datepicker {
#advance-search-modal .modal-dialog .searchandfilter input[name=_sf_submit] {
margin-top: 2.1875rem;
width: 100%;
margin-right: 0rem;
}
}
#advance-search-modal .modal-dialog .searchandfilter input[name=_sf_submit]:hover {
......@@ -18729,6 +18751,8 @@ ul.sf_date_field .sf-datepicker {
#advance-search-modal .sf-field-post-meta-msf_initiative,
#advance-search-modal .sf-field-taxonomy-document-format {
width: 100%;
margin-bottom: 0px;
padding-bottom: 0px;
}
}
#advance-search-modal .sf-field-taxonomy-region,
......@@ -18752,6 +18776,11 @@ ul.sf_date_field .sf-datepicker {
display: inline-block !important;
width: 30%;
}
@media screen and (max-width: 56.25rem) {
#advance-search-modal li.sf-field-post-meta-document_year {
width: 100%;
}
}
#advance-search-modal .sf-field-tag {
margin-bottom: 0px !important;
}
......
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 {
}
[data-sf-field-input-type="multiselect"] label{
max-width: 30ch;
@media screen and (max-width: 56.25rem) {
max-width: unset;
}
}
[data-sf-field-input-type="select"] label {
......@@ -637,6 +640,9 @@ select {
line-height: 1.1;
background-color: #fff;
border: 0.0625rem solid #bebebe;
@media screen and (max-width: 56.25rem) {
max-width: unset;
}
}
[data-sf-field-input-type="select"] label{
&:after {
......
......@@ -20,9 +20,10 @@
text-transform: uppercase;
@media screen and (max-width: 48rem) {
font-size: 2.188rem !important;
font-size: 28px !important;
line-height: 2.5rem !important;
padding-bottom: 2rem !important;
margin-top: 45px;
}
}
......@@ -351,8 +352,7 @@
}
ul.sf_date_field label::after {
height: 1.75rem;
width: 1.75rem;
background-size: 1rem;
}
......@@ -404,6 +404,10 @@ ul.sf_date_field {
.sf-datepicker {
border: 0.0625rem solid #bebebe;
width: 12.625rem;
@media screen and (max-width: 56.25rem) {
width: 16rem;
height: 2.25rem;
}
}
}
......@@ -519,6 +523,10 @@ ul.sf_date_field {
@media screen and (max-width: 1175px) {
width: 99% !important;
}
@media screen and (max-width: 56.25rem) {
width: 100% !important;
}
}
}
.searching-loading{
......@@ -595,7 +603,7 @@ ul.sf_date_field {
.modal-body {
padding: 0rem 2.1875rem 2.1875rem 2.1875rem;
@media screen and (max-width: 56.25rem) {
padding: 0.3125rem 3.75rem;
padding: 0.3125rem 3rem;
padding-bottom: 12.5rem;
}
}
......@@ -643,7 +651,7 @@ ul.sf_date_field {
font-weight: bold;
display: block !important;
@media screen and (max-width: 56.25rem) {
font-size: 2.1875rem !important;
font-size: 28px !important;
line-height: 2.5rem;
margin-top: -0.625rem;
}
......@@ -679,7 +687,7 @@ ul.sf_date_field {
display: inline-block;
@media screen and (max-width: 48rem) {
width: 100%;
padding: 0px 0;
}
}
......@@ -689,13 +697,15 @@ ul.sf_date_field {
border-radius: 2.5rem !important;
height: 2.75rem;
width: 11.375rem;
border: 0 !important;
margin-right: 1.5rem;
margin-left: 0rem;
@media screen and (max-width: 48rem) {
margin-top:2.1875rem;
width: 100%;
margin-right: 0rem;
}
border: 0 !important;
margin-right: 1.5rem;
margin-left: 0rem;
&:hover {
background: #669999;
......@@ -735,6 +745,7 @@ ul.sf_date_field {
.sf-datepicker {
width: 12.5rem;
height: 2.25rem;
}
.sf_date_field {
......@@ -833,6 +844,8 @@ ul.sf_date_field {
margin-bottom: 10px;
@media screen and (max-width: 56.25rem) {
width: 100%;
margin-bottom: 0px;
padding-bottom: 0px;
}
}
.sf-field-taxonomy-region,
......@@ -854,6 +867,9 @@ ul.sf_date_field {
li.sf-field-post-meta-document_year {
display: inline-block !important;
width: 30%;
@media screen and (max-width: 56.25rem) {
width: 100%;
}
}
.sf-field-tag{
margin-bottom: 0px !important;
......
......@@ -2,5 +2,5 @@
Theme Name: MSF CA Child
Author: Tenzing Communications
Template: msf-ca
Version: 1.0.42
Version: 1.0.423
*/
......