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 {
padding-top: calc(var(--spacing) * 16);
}
.pt-20 {
padding-top: calc(var(--spacing) * 20);
}
.pt-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 {
top: calc(100% + 1rem);
z-index: 100;
z-index: 10000;
left: calc(var(--spacing) * 0);
margin-left: calc(var(--spacing) * 0);
width: calc(var(--spacing) * 64);
@@ -5150,7 +5147,7 @@ main#maincontent {
font-weight: 300;
gap: 0.75rem;
list-style: none;
margin: 0 0 3rem;
margin: 0 0 2.25rem;
padding: 0;
}
.contact-info__item {
@@ -5238,11 +5235,44 @@ a.contact-info__value:hover {
}
@media (max-width: 767px) {
.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 {
margin-inline: clamp(1.5rem, 5vw, 3rem);
min-height: 18rem;
margin-inline: 0;
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 {
views/blocks/contact-info/contact-info.css
+50 -4
View File
@@ -37,7 +37,7 @@ main#maincontent {
font-weight: 300;
gap: 0.75rem;
list-style: none;
margin: 0 0 3rem;
margin: 0 0 2.25rem;
padding: 0;
}
@@ -141,12 +141,58 @@ a.contact-info__value:hover {
@media (max-width: 767px) {
.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 {
margin-inline: clamp(1.5rem, 5vw, 3rem);
min-height: 18rem;
margin-inline: 0;
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 ); ?>>
<div class="contact-info__grid">
<div class="container contact-info__details pt-20">
<div class="container contact-info__details">
<?php if ( $heading ) : ?>
<h1 class="contact-info__heading"><?php echo wp_kses_post( $heading ); ?></h1>
<?php endif; ?>