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

styled contact forms consultoria and inscripcio ajuts

This commit is contained in:
jorge 2023-01-15 17:25:42 +01:00
parent 988f4863e0
commit efecc4bc64
6 changed files with 168 additions and 78 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

73
adminstyles.css
View File

@ -1369,6 +1369,13 @@ Add your custom styles in this file so it is easier to update the theme.
} }
@media screen { @media screen {
.edit-post-visual-editor__content-area {
/* filters form custom fields
*/
/* contact forms styles
* add class constactform-WHATEVER to apply
*/
}
.edit-post-visual-editor__content-area .sticky { .edit-post-visual-editor__content-area .sticky {
display: block; display: block;
} }
@ -1454,6 +1461,52 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .archive-posts { .edit-post-visual-editor__content-area .archive-posts {
grid-template-columns: repeat(1, 1fr); grid-template-columns: repeat(1, 1fr);
} }
.edit-post-visual-editor__content-area .contactform {
margin-bottom: 1rem;
}
.edit-post-visual-editor__content-area .contactform br {
display: none;
}
.edit-post-visual-editor__content-area .contactform p {
display: block;
break-inside: avoid-column;
margin-top: 0;
}
.edit-post-visual-editor__content-area .contactform .break-after-column, .edit-post-visual-editor__content-area .contactform .saltar-columna {
break-after: column;
}
.edit-post-visual-editor__content-area .contactform-consultoria .contactform-name, .edit-post-visual-editor__content-area .contactform-consultoria .contactform-email {
max-width: 40%;
display: inline-block;
}
.edit-post-visual-editor__content-area .contactform-consultoria .contactform-name {
float: left;
}
.edit-post-visual-editor__content-area .contactform-consultoria .contactform-email {
float: right;
margin-bottom: 1rem;
}
.edit-post-visual-editor__content-area .contactform-acceptance {
display: flex;
align-items: center;
justify-content: end;
}
.edit-post-visual-editor__content-area .contactform-fund-info {
display: inline-block;
column-count: 2;
}
.edit-post-visual-editor__content-area .contactform-fund-info .contactform-descripcio textarea {
display: inline-block;
min-height: 19rem;
}
}
.edit-post-visual-editor__content-area .contactform-fund-options {
column-count: 4;
}
.edit-post-visual-editor__content-area .contactform-fund-options p {
display: inline-block;
} }
@media screen and (max-width: 48em) { @media screen and (max-width: 48em) {
@ -1671,26 +1724,6 @@ Add your custom styles in this file so it is easier to update the theme.
padding: 0rem; padding: 0rem;
} }
.edit-post-visual-editor__content-area .wpcf7-form .contactform-name, .edit-post-visual-editor__content-area .wpcf7-form .wpcf7-form .contactform-email {
max-width: 40%;
display: inline-block;
}
.edit-post-visual-editor__content-area .wpcf7-form .contactform-name {
float: left;
}
.edit-post-visual-editor__content-area .wpcf7-form .contactform-email {
float: right;
margin-bottom: 1rem;
}
.edit-post-visual-editor__content-area .wpcf7-form .contactform-acceptance {
display: flex;
align-items: center;
justify-content: end;
}
.edit-post-visual-editor__content-area .wpcf7-form .wpcf7-submit { .edit-post-visual-editor__content-area .wpcf7-form .wpcf7-submit {
margin-left: 1rem; margin-left: 1rem;
} }

2
adminstyles.css.map
View File

File diff suppressed because one or more lines are too long

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

@ -78,20 +78,71 @@
font-size: 0.8rem; font-size: 0.8rem;
} }
} }
// .page-template-funds-search { /* filters form custom fields
.ofisuport-filtered-funds { */
display:grid; .ofisuport-filtered-funds {
grid: 1fr; display:grid;
grid: 1fr;
}
.ofisuport-fund-filter {
display: grid;
grid-template-columns: repeat(1 , 1fr);
gap: $grid__gap;
}
.archive-posts {
grid-template-columns: repeat(1 , 1fr);
}
/* contact forms styles
* add class constactform-WHATEVER to apply
*/
.contactform {
margin-bottom: 1rem;
br {
display: none;
} }
.ofisuport-fund-filter { p {
display: grid; display: block;
grid-template-columns: repeat(1 , 1fr); break-inside: avoid-column;
gap: $grid__gap; margin-top: 0;
} }
.archive-posts { .break-after-column, .saltar-columna{
grid-template-columns: repeat(1 , 1fr); break-after:column;
} }
//} }
.contactform-consultoria {
.contactform-name, .contactform-email {
max-width: 40%;
display: inline-block;
}
.contactform-name {
float: left;
}
.contactform-email {
float:right;
margin-bottom: 1rem;
}
.contactform-message {
}
}
.contactform-acceptance {
display: flex;
align-items: center;
justify-content: end;
}
.contactform-fund-info {
display: inline-block;
column-count: 2;
.contactform-descripcio textarea {
display: inline-block;
min-height: 19rem;
}
}
}
.contactform-fund-options {
column-count: 4;
p{
display: inline-block;
}
} }
@media screen and (max-width: 48em) { @media screen and (max-width: 48em) {

25
sass/plugins/contactform7/_contactform7.scss
View File

@ -1,9 +1,3 @@
//.wpcf7-form-control-wrap {
// input {
// margin-top: -1em;
// }
//}
.wpcf7-not-valid:not(:focus) { .wpcf7-not-valid:not(:focus) {
background-color: $color__red; background-color: $color__red;
} }
@ -23,25 +17,6 @@
padding: 0rem; padding: 0rem;
} }
.wpcf7-form { .wpcf7-form {
.contactform-name, .wpcf7-form .contactform-email {
max-width: 40%;
display: inline-block;
}
.contactform-name {
float: left;
}
.contactform-email {
float:right;
margin-bottom: 1rem;
}
.contactform-message {
}
.contactform-acceptance {
display: flex;
align-items: center;
justify-content: end;
}
.wpcf7-submit { .wpcf7-submit {
margin-left: 1rem; margin-left: 1rem;
} }

71
style.css
View File

@ -1384,6 +1384,8 @@ textarea {
text-decoration: none; text-decoration: none;
font-size: 0.8rem; font-size: 0.8rem;
} }
/* filters form custom fields
*/
.ofisuport-filtered-funds { .ofisuport-filtered-funds {
display: grid; display: grid;
grid: 1fr; grid: 1fr;
@ -1396,6 +1398,55 @@ textarea {
.archive-posts { .archive-posts {
grid-template-columns: repeat(1, 1fr); grid-template-columns: repeat(1, 1fr);
} }
/* contact forms styles
* add class constactform-WHATEVER to apply
*/
.contactform {
margin-bottom: 1rem;
}
.contactform br {
display: none;
}
.contactform p {
display: block;
break-inside: avoid-column;
margin-top: 0;
}
.contactform .break-after-column, .contactform .saltar-columna {
break-after: column;
}
.contactform-consultoria .contactform-name, .contactform-consultoria .contactform-email {
max-width: 40%;
display: inline-block;
}
.contactform-consultoria .contactform-name {
float: left;
}
.contactform-consultoria .contactform-email {
float: right;
margin-bottom: 1rem;
}
.contactform-acceptance {
display: flex;
align-items: center;
justify-content: end;
}
.contactform-fund-info {
display: inline-block;
column-count: 2;
}
.contactform-fund-info .contactform-descripcio textarea {
display: inline-block;
min-height: 19rem;
}
}
.contactform-fund-options {
column-count: 4;
}
.contactform-fund-options p {
display: inline-block;
} }
@media screen and (max-width: 48em) { @media screen and (max-width: 48em) {
@ -1635,26 +1686,6 @@ textarea {
padding: 0rem; padding: 0rem;
} }
.wpcf7-form .contactform-name, .wpcf7-form .wpcf7-form .contactform-email {
max-width: 40%;
display: inline-block;
}
.wpcf7-form .contactform-name {
float: left;
}
.wpcf7-form .contactform-email {
float: right;
margin-bottom: 1rem;
}
.wpcf7-form .contactform-acceptance {
display: flex;
align-items: center;
justify-content: end;
}
.wpcf7-form .wpcf7-submit { .wpcf7-form .wpcf7-submit {
margin-left: 1rem; margin-left: 1rem;
} }

2
style.css.map
View File

File diff suppressed because one or more lines are too long