admin/parts_website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix(UI): Contact Us page styling for receive-marketing checkbox and CAPTCHA.

Browse Source
This commit is contained in:
Teddy Middleton-Smith
2025-03-16 18:59:46 +00:00
parent dd608022cd
commit 63776954e1
2 changed files with 24 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
static/css/pages/core/contact.css
View File

@@ -22,12 +22,10 @@
gap: 1.5rem; gap: 1.5rem;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.form-label { .form-label {
padding-top: 0.5rem; padding-top: 0.5rem;
font-weight: 500; font-weight: 500;
} }
.form-input { .form-input {
width: 100%; width: 100%;
padding: 0.5rem; padding: 0.5rem;
@@ -35,30 +33,27 @@
border-radius: 4px; border-radius: 4px;
font-size: 1rem; font-size: 1rem;
} }
textarea.form-input { textarea.form-input {
min-height: 120px; min-height: 120px;
} }
.marketing-consent input { .marketing-consent input {
display: inline-block; display: inline-block;
margin-left: 18vw; margin-left: 20%;
margin-bottom: 1.25rem; margin-bottom: 1.25rem;
} }
.container.captcha > div:first-child {
margin-left: 15vw;
margin-right: 15vw;
}
.container.captcha > div:first-child > label:first-child { .container.captcha > div:first-child > label:first-child {
display: flex; display: flex;
justify-content: center; justify-content: center;
width: fit-content;
text-align: center;
margin: 0 auto;
} }
.container.captcha > p:last-child{ .container.captcha > p:last-child{
font-size: 0.9rem; font-size: 0.9rem;
margin: 1vh 0; margin: 1vh 0;
} }
.container.captcha .altcha-main { .container.captcha .altcha-main {
padding-left: 1rem; padding-left: 1rem;
padding-top: 0.75rem; padding-top: 0.75rem;
@@ -67,6 +62,14 @@ textarea.form-input {
.container.captcha .altcha-main > :last-child { .container.captcha .altcha-main > :last-child {
display: none; display: none;
} }
.container.captcha .altcha,
altcha-widget > div:first-child,
.container.captcha > div > .altcha-widget > div {
width: fit-content;
display: flex;
margin-left: auto;
margin-right: auto;
}
input[type="submit"] { input[type="submit"] {
margin-left: 40%; margin-left: 40%;
@@ -116,10 +119,6 @@ input[type="submit"]:hover {
padding-top: 0; padding-top: 0;
} }
.marketing-consent {
padding-left: 0;
}
.submit-button { .submit-button {
margin-left: 0; margin-left: 0;
width: 100%; width: 100%;
@@ -127,7 +126,4 @@ input[type="submit"]:hover {
} }
@media (max-width: 400px) { @media (max-width: 400px) {
.container.recaptcha {
margin-left: -12vw;
}
} }

28
static/dist/css/core_contact.bundle.css vendored
View File

@@ -22,12 +22,10 @@
gap: 1.5rem; gap: 1.5rem;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.form-label { .form-label {
padding-top: 0.5rem; padding-top: 0.5rem;
font-weight: 500; font-weight: 500;
} }
.form-input { .form-input {
width: 100%; width: 100%;
padding: 0.5rem; padding: 0.5rem;
@@ -35,30 +33,27 @@
border-radius: 4px; border-radius: 4px;
font-size: 1rem; font-size: 1rem;
} }
textarea.form-input { textarea.form-input {
min-height: 120px; min-height: 120px;
} }
.marketing-consent input { .marketing-consent input {
display: inline-block; display: inline-block;
margin-left: 18vw; margin-left: 20%;
margin-bottom: 1.25rem; margin-bottom: 1.25rem;
} }
.container.captcha > div:first-child {
margin-left: 15vw;
margin-right: 15vw;
}
.container.captcha > div:first-child > label:first-child { .container.captcha > div:first-child > label:first-child {
display: flex; display: flex;
justify-content: center; justify-content: center;
width: fit-content;
text-align: center;
margin: 0 auto;
} }
.container.captcha > p:last-child{ .container.captcha > p:last-child{
font-size: 0.9rem; font-size: 0.9rem;
margin: 1vh 0; margin: 1vh 0;
} }
.container.captcha .altcha-main { .container.captcha .altcha-main {
padding-left: 1rem; padding-left: 1rem;
padding-top: 0.75rem; padding-top: 0.75rem;
@@ -67,6 +62,14 @@ textarea.form-input {
.container.captcha .altcha-main > :last-child { .container.captcha .altcha-main > :last-child {
display: none; display: none;
} }
.container.captcha .altcha,
altcha-widget > div:first-child,
.container.captcha > div > .altcha-widget > div {
width: fit-content;
display: flex;
margin-left: auto;
margin-right: auto;
}
input[type="submit"] { input[type="submit"] {
margin-left: 40%; margin-left: 40%;
@@ -116,10 +119,6 @@ input[type="submit"]:hover {
padding-top: 0; padding-top: 0;
} }
.marketing-consent {
padding-left: 0;
}
.submit-button { .submit-button {
margin-left: 0; margin-left: 0;
width: 100%; width: 100%;
@@ -127,9 +126,6 @@ input[type="submit"]:hover {
} }
@media (max-width: 400px) { @media (max-width: 400px) {
.container.recaptcha {
margin-left: -12vw;
}
} }
/*# sourceMappingURL=core_contact.bundle.css.map*/ /*# sourceMappingURL=core_contact.bundle.css.map*/