fix contect from
This commit is contained in:
@@ -87,6 +87,25 @@ export default function Footer() {
|
|||||||
|
|
||||||
return (
|
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
|
<footer
|
||||||
data-rocket-location-hash="1eeca93394c4fc14089e9d12a2a92e22"
|
data-rocket-location-hash="1eeca93394c4fc14089e9d12a2a92e22"
|
||||||
itemScope
|
itemScope
|
||||||
@@ -255,7 +274,7 @@ export default function Footer() {
|
|||||||
<div className="wpforms-container wpforms-render-modern" id="wpforms-369">
|
<div className="wpforms-container wpforms-render-modern" id="wpforms-369">
|
||||||
<form id="wpforms-form-369" className="wpforms-validate wpforms-form" onSubmit={handleSubmit}>
|
<form id="wpforms-form-369" className="wpforms-validate wpforms-form" onSubmit={handleSubmit}>
|
||||||
<div className="wpforms-field-container">
|
<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-wrapper" style={{marginBottom:"12px"}}>
|
||||||
<div className="logico-label-placeholder">
|
<div className="logico-label-placeholder">
|
||||||
<div className="logico-label-placeholder-text">Full name</div>
|
<div className="logico-label-placeholder-text">Full name</div>
|
||||||
@@ -272,7 +291,7 @@ export default function Footer() {
|
|||||||
required
|
required
|
||||||
/>
|
/>
|
||||||
</div>
|
</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-wrapper" style={{marginBottom:"12px"}}>
|
||||||
<div className="logico-label-placeholder">
|
<div className="logico-label-placeholder">
|
||||||
<div className="logico-label-placeholder-text">Email</div>
|
<div className="logico-label-placeholder-text">Email</div>
|
||||||
@@ -289,7 +308,7 @@ export default function Footer() {
|
|||||||
required
|
required
|
||||||
/>
|
/>
|
||||||
</div>
|
</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-wrapper" style={{marginBottom:"12px"}}>
|
||||||
<div className="logico-label-placeholder">
|
<div className="logico-label-placeholder">
|
||||||
<div className="logico-label-placeholder-text">Subject</div>
|
<div className="logico-label-placeholder-text">Subject</div>
|
||||||
@@ -306,7 +325,7 @@ export default function Footer() {
|
|||||||
required
|
required
|
||||||
/>
|
/>
|
||||||
</div>
|
</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-wrapper" style={{marginBottom:"12px"}}>
|
||||||
<div className="logico-label-placeholder">
|
<div className="logico-label-placeholder">
|
||||||
<div className="logico-label-placeholder-text">Message</div>
|
<div className="logico-label-placeholder-text">Message</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user