xarxaprod
/
oficinasuport-wp-theme
3
0
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

styled filter form small screens

This commit is contained in:
jorge 2023-01-14 16:56:38 +01:00
parent 7a44843935
commit 757da733dd
5 changed files with 56 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
adminstyles.css
View File

@ -1387,7 +1387,7 @@ Add your custom styles in this file so it is easier to update the theme.
} }
.edit-post-visual-editor__content-area .ofisuport-filtered-funds { .edit-post-visual-editor__content-area .ofisuport-filtered-funds {
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid: 1fr;
} }
.edit-post-visual-editor__content-area .ofisuport-fund-filter { .edit-post-visual-editor__content-area .ofisuport-fund-filter {
display: grid; display: grid;
@ -1399,6 +1399,23 @@ Add your custom styles in this file so it is easier to update the theme.
} }
} }
@media screen and (max-width: 48em) {
.edit-post-visual-editor__content-area .ofisuport-filters section {
display: inline-block;
margin: 0.5em 0;
}
.edit-post-visual-editor__content-area .ofisuport-filters section h5 {
display: inline-block;
width: 100%;
}
.edit-post-visual-editor__content-area .ofisuport-filters section .filter {
display: inline-block;
width: 45%;
margin-right: 0.3em;
float: left;
}
}
@media screen and (min-width: 48em) { @media screen and (min-width: 48em) {
.edit-post-visual-editor__content-area .ofisuport-filtered-funds { .edit-post-visual-editor__content-area .ofisuport-filtered-funds {
grid-template-columns: 1fr 2fr; grid-template-columns: 1fr 2fr;

2
adminstyles.css.map
View File

File diff suppressed because one or more lines are too long

19
sass/components/content/_posts-and-pages.scss
View File

@ -81,7 +81,7 @@
// .page-template-funds-search { // .page-template-funds-search {
.ofisuport-filtered-funds { .ofisuport-filtered-funds {
display:grid; display:grid;
grid-template-columns: 1fr 1fr; grid: 1fr;
} }
.ofisuport-fund-filter { .ofisuport-fund-filter {
display: grid; display: grid;
@ -96,6 +96,23 @@
@media screen and (max-width: 48em) { @media screen and (max-width: 48em) {
//only smaller than 48em //only smaller than 48em
.ofisuport-filters {
section {
display: inline-block;
margin: 0.5em 0;
h5 {
display: inline-block;
width: 100%;
}
.filter {
display: inline-block;
width: 45%;
margin-right: 0.3em;
float: left;
}
}
}
} }
@media screen and (min-width: 48em) { @media screen and (min-width: 48em) {
//only bigger than 48em //only bigger than 48em

19
style.css
View File

@ -1329,7 +1329,7 @@ textarea {
} }
.ofisuport-filtered-funds { .ofisuport-filtered-funds {
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid: 1fr;
} }
.ofisuport-fund-filter { .ofisuport-fund-filter {
display: grid; display: grid;
@ -1341,6 +1341,23 @@ textarea {
} }
} }
@media screen and (max-width: 48em) {
.ofisuport-filters section {
display: inline-block;
margin: 0.5em 0;
}
.ofisuport-filters section h5 {
display: inline-block;
width: 100%;
}
.ofisuport-filters section .filter {
display: inline-block;
width: 45%;
margin-right: 0.3em;
float: left;
}
}
@media screen and (min-width: 48em) { @media screen and (min-width: 48em) {
.ofisuport-filtered-funds { .ofisuport-filtered-funds {
grid-template-columns: 1fr 2fr; grid-template-columns: 1fr 2fr;

2
style.css.map
View File

File diff suppressed because one or more lines are too long