chore(storefront): remove dead cart email-capture markup and CSS
Post-payment email/phone-capture form in cart.component.html was commented-out markup (never rendered), with a matching ~90-line dead .email-form CSS block still shipping in the bundle. Removed both. Closes KNOWN-ISSUES.md item 10. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
@@ -263,58 +263,6 @@
|
||||
<div class="payment-status-screen success">
|
||||
<div class="success-icon" aria-hidden="true">✓</div>
|
||||
<h2>{{ 'cart.paymentSuccess' | translate }}</h2>
|
||||
<!-- <p class="success-text">{{ 'cart.paymentSuccessDesc' | translate }}</p> -->
|
||||
|
||||
<!-- <div class="email-form">
|
||||
<div class="input-group">
|
||||
<input
|
||||
type="email"
|
||||
class="email-input"
|
||||
[class.valid]="emailTouched() && !emailError()"
|
||||
[class.invalid]="emailTouched() && emailError()"
|
||||
placeholder="your@email.com"
|
||||
[value]="userEmail()"
|
||||
(input)="onEmailInput($event)"
|
||||
(blur)="onEmailBlur()"
|
||||
[disabled]="emailSubmitting()"
|
||||
maxlength="100"
|
||||
/>
|
||||
@if (emailTouched() && emailError()) {
|
||||
<div class="error-message">{{ emailError() }}</div>
|
||||
}
|
||||
</div>
|
||||
|
||||
<div class="input-group">
|
||||
<input
|
||||
type="tel"
|
||||
class="email-input phone-input"
|
||||
[class.valid]="phoneTouched() && !phoneError()"
|
||||
[class.invalid]="phoneTouched() && phoneError()"
|
||||
placeholder="+7 (900) 123-45-67"
|
||||
[value]="userPhone()"
|
||||
(input)="onPhoneInput($event)"
|
||||
(blur)="onPhoneBlur()"
|
||||
[disabled]="emailSubmitting()"
|
||||
(keyup.enter)="submitEmail()"
|
||||
/>
|
||||
@if (phoneTouched() && phoneError()) {
|
||||
<div class="error-message">{{ phoneError() }}</div>
|
||||
}
|
||||
</div>
|
||||
|
||||
<button
|
||||
class="submit-email-btn"
|
||||
(click)="submitEmail()"
|
||||
[disabled]="emailSubmitting()"
|
||||
>
|
||||
@if (emailSubmitting()) {
|
||||
<span class="spinner-small"></span>
|
||||
{{ 'cart.sending' | translate }}
|
||||
} @else {
|
||||
{{ 'cart.send' | translate }}
|
||||
}
|
||||
</button>
|
||||
</div> -->
|
||||
</div>
|
||||
}
|
||||
|
||||
|
||||
@@ -1010,100 +1010,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
.email-form {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 16px;
|
||||
margin-top: 24px;
|
||||
|
||||
.input-group {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.error-message {
|
||||
color: var(--error-color);
|
||||
font-size: var(--font-size-base, 0.875rem);
|
||||
padding-left: 4px;
|
||||
animation: slideDown 0.2s ease;
|
||||
}
|
||||
|
||||
@keyframes slideDown {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(-4px);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
.email-input {
|
||||
width: 100%;
|
||||
padding: 14px;
|
||||
border: 1px solid #e5e7eb;
|
||||
border-radius: var(--radius-sm, 8px);
|
||||
font-size: var(--font-size-lg, 1rem);
|
||||
outline: none;
|
||||
transition: all 0.2s;
|
||||
|
||||
&:focus {
|
||||
border-color: var(--primary-color);
|
||||
box-shadow: 0 0 0 3px rgba(73, 118, 113, 0.1);
|
||||
}
|
||||
|
||||
&.valid {
|
||||
border-color: #10b981;
|
||||
background-color: #f0fdf4;
|
||||
|
||||
&:focus {
|
||||
border-color: #10b981;
|
||||
box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
|
||||
}
|
||||
}
|
||||
|
||||
&.invalid {
|
||||
border-color: #ef4444;
|
||||
background-color: #fef2f2;
|
||||
|
||||
&:focus {
|
||||
border-color: #ef4444;
|
||||
box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.submit-email-btn {
|
||||
padding: 14px;
|
||||
background: var(--primary-color);
|
||||
color: white;
|
||||
border: none;
|
||||
border-radius: var(--radius-lg, 13px);
|
||||
font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
|
||||
font-size: var(--font-size-lg, 1rem);
|
||||
font-weight: var(--font-weight-bold, 700);
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 8px;
|
||||
transition: all 0.2s;
|
||||
|
||||
&:hover:not(:disabled) {
|
||||
background: var(--primary-hover);
|
||||
transform: translateY(-1px);
|
||||
box-shadow: 0 4px 12px rgba(73, 118, 113, 0.3);
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
opacity: 0.6;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Mobile responsive
|
||||
@media (max-width: 768px) {
|
||||
.cart-content {
|
||||
|
||||
Reference in New Issue
Block a user