Doormile/doormile_react
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix contect from

Browse Source
This commit is contained in:
Aravind R
2026-06-10 17:31:10 +05:30
parent 1e6653de96
commit f412b9f71e
1 changed files with 23 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/components/layout/Footer.tsx
View File

@@ -87,6 +87,25 @@ export default function Footer() {
return (
<>
{/* Floating-label fix: the theme only lifts the label on :focus-within, so a
filled-but-blurred field drops its label back onto the typed value and the
two overlap. Keep the label lifted (and the notch in the top border open)
whenever the field carries a value, via the .dm-field-filled class below. */}
<style dangerouslySetInnerHTML={{ __html: `
.logico-form-field.dm-field-filled .logico-label-wrapper>label {
font-size: 14px;
top: -14px;
color: var(--logico-dark-text-color);
}
.logico-form-field.dm-field-filled .logico-label-placeholder .logico-label-placeholder-text:before {
right: 100%;
left: initial;
}
.logico-form-field.dm-field-filled .logico-label-placeholder .logico-label-placeholder-text:after {
left: 100%;
right: initial;
}
` }} />
<footer
data-rocket-location-hash="1eeca93394c4fc14089e9d12a2a92e22"
itemScope
@@ -255,7 +274,7 @@ export default function Footer() {
<div className="wpforms-container wpforms-render-modern" id="wpforms-369">
<form id="wpforms-form-369" className="wpforms-validate wpforms-form" onSubmit={handleSubmit}>
<div className="wpforms-field-container">
<div className="wpforms-field-wrapper logico-form-field">
<div className={`wpforms-field-wrapper logico-form-field${formData.fullName ? " dm-field-filled" : ""}`}>
<div className="logico-label-wrapper" style={{marginBottom:"12px"}}>
<div className="logico-label-placeholder">
<div className="logico-label-placeholder-text">Full name</div>
@@ -272,7 +291,7 @@ export default function Footer() {
required
/>
</div>
<div className="wpforms-field-wrapper logico-form-field">
<div className={`wpforms-field-wrapper logico-form-field${formData.email ? " dm-field-filled" : ""}`}>
<div className="logico-label-wrapper" style={{marginBottom:"12px"}}>
<div className="logico-label-placeholder">
<div className="logico-label-placeholder-text">Email</div>
@@ -289,7 +308,7 @@ export default function Footer() {
required
/>
</div>
<div className="wpforms-field-wrapper logico-form-field">
<div className={`wpforms-field-wrapper logico-form-field${formData.subject ? " dm-field-filled" : ""}`}>
<div className="logico-label-wrapper" style={{marginBottom:"12px"}}>
<div className="logico-label-placeholder">
<div className="logico-label-placeholder-text">Subject</div>
@@ -306,7 +325,7 @@ export default function Footer() {
required
/>
</div>
<div className="wpforms-field-wrapper logico-form-field">
<div className={`wpforms-field-wrapper logico-form-field${formData.message ? " dm-field-filled" : ""}`}>
<div className="logico-label-wrapper" style={{marginBottom:"12px"}}>
<div className="logico-label-placeholder">
<div className="logico-label-placeholder-text">Message</div>