Solo-Web-Works/CWC
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

🐞 fix: Adjust mobile styles for contact block
Deploy to Dreamhost (dev) / build (push) Successful in 33s
Details
Sync TODOs with Issues / sync_todos (push) Successful in 6s
Details

Browse Source
This commit is contained in:
Keith Solomon
2026-07-04 19:40:01 -05:00
parent 001b8c07c3
commit 0a19256310
3 changed files with 89 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/dist/theme.css
Vendored
+38 -8
View File
@@ -862,9 +862,6 @@
.pt-16 { .pt-16 {
padding-top: calc(var(--spacing) * 16); padding-top: calc(var(--spacing) * 16);
} }
.pt-20 {
padding-top: calc(var(--spacing) * 20);
}
.pt-52 { .pt-52 {
padding-top: calc(var(--spacing) * 52); padding-top: calc(var(--spacing) * 52);
} }
@@ -2286,7 +2283,7 @@ input[type="text"], input[type="email"], input[type="tel"], input[type="url"], i
} }
.menu-vdi__submenu { .menu-vdi__submenu {
top: calc(100% + 1rem); top: calc(100% + 1rem);
z-index: 100; z-index: 10000;
left: calc(var(--spacing) * 0); left: calc(var(--spacing) * 0);
margin-left: calc(var(--spacing) * 0); margin-left: calc(var(--spacing) * 0);
width: calc(var(--spacing) * 64); width: calc(var(--spacing) * 64);
@@ -5150,7 +5147,7 @@ main#maincontent {
font-weight: 300; font-weight: 300;
gap: 0.75rem; gap: 0.75rem;
list-style: none; list-style: none;
margin: 0 0 3rem; margin: 0 0 2.25rem;
padding: 0; padding: 0;
} }
.contact-info__item { .contact-info__item {
@@ -5238,11 +5235,44 @@ a.contact-info__value:hover {
} }
@media (max-width: 767px) { @media (max-width: 767px) {
.contact-info { .contact-info {
padding-block: 2rem; padding-block: 0;
}
.contact-info__details {
max-width: none;
padding: 2.75rem 0 2rem;
padding-inline: clamp(1.5rem, 5vw, 3rem);
}
.contact-info__heading {
margin-bottom: 1.375rem;
} }
.contact-info__map { .contact-info__map {
margin-inline: clamp(1.5rem, 5vw, 3rem); margin-inline: 0;
min-height: 18rem; min-height: 30rem;
}
.contact-info__form .gfield {
margin-bottom: 1rem;
}
.contact-info__form .gfield_label {
letter-spacing: 0.08em;
margin-bottom: 0.35rem;
}
.contact-info__form input[type="text"], .contact-info__form input[type="email"], .contact-info__form input[type="tel"], .contact-info__form input[type="url"], .contact-info__form select {
min-height: 2.875rem;
padding: 0.45rem 0.75rem;
}
.contact-info__form textarea {
min-height: 13.5rem;
padding: 0.7rem 0.75rem;
}
.contact-info__form .gform_footer {
margin-top: 1.25rem;
}
.contact-info__form .gform_footer input[type="submit"], .contact-info__form .gform_footer button[type="submit"] {
border-radius: 1rem 0.25rem;
font-size: 1.125rem;
line-height: 1;
min-width: 7.75rem;
padding: 0.65rem 1.4rem;
} }
} }
.contact-info__form .gform_wrapper { .contact-info__form .gform_wrapper {
views/blocks/contact-info/contact-info.css
+50 -4
View File
@@ -37,7 +37,7 @@ main#maincontent {
font-weight: 300; font-weight: 300;
gap: 0.75rem; gap: 0.75rem;
list-style: none; list-style: none;
margin: 0 0 3rem; margin: 0 0 2.25rem;
padding: 0; padding: 0;
} }
@@ -141,12 +141,58 @@ a.contact-info__value:hover {
@media (max-width: 767px) { @media (max-width: 767px) {
.contact-info { .contact-info {
padding-block: 2rem; padding-block: 0;
}
.contact-info__details {
max-width: none;
padding: 2.75rem 0 2rem;
padding-inline: clamp(1.5rem, 5vw, 3rem);
}
.contact-info__heading {
margin-bottom: 1.375rem;
} }
.contact-info__map { .contact-info__map {
margin-inline: clamp(1.5rem, 5vw, 3rem); margin-inline: 0;
min-height: 18rem; min-height: 30rem;
}
.contact-info__form .gfield {
margin-bottom: 1rem;
}
.contact-info__form .gfield_label {
letter-spacing: 0.08em;
margin-bottom: 0.35rem;
}
.contact-info__form input[type="text"],
.contact-info__form input[type="email"],
.contact-info__form input[type="tel"],
.contact-info__form input[type="url"],
.contact-info__form select {
min-height: 2.875rem;
padding: 0.45rem 0.75rem;
}
.contact-info__form textarea {
min-height: 13.5rem;
padding: 0.7rem 0.75rem;
}
.contact-info__form .gform_footer {
margin-top: 1.25rem;
}
.contact-info__form .gform_footer input[type="submit"],
.contact-info__form .gform_footer button[type="submit"] {
border-radius: 1rem 0.25rem;
font-size: 1.125rem;
line-height: 1;
min-width: 7.75rem;
padding: 0.65rem 1.4rem;
} }
} }
views/blocks/contact-info/contact-info.php
+1 -1
View File
@@ -45,7 +45,7 @@ $wrapper = blockWrapperAttributes( $classes, $is_preview );
<section <?php echo wp_kses_post( $wrapper ); ?>> <section <?php echo wp_kses_post( $wrapper ); ?>>
<div class="contact-info__grid"> <div class="contact-info__grid">
<div class="container contact-info__details pt-20"> <div class="container contact-info__details">
<?php if ( $heading ) : ?> <?php if ( $heading ) : ?>
<h1 class="contact-info__heading"><?php echo wp_kses_post( $heading ); ?></h1> <h1 class="contact-info__heading"><?php echo wp_kses_post( $heading ); ?></h1>
<?php endif; ?> <?php endif; ?>