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="payment-status-screen success">
|
||||||
<div class="success-icon" aria-hidden="true">✓</div>
|
<div class="success-icon" aria-hidden="true">✓</div>
|
||||||
<h2>{{ 'cart.paymentSuccess' | translate }}</h2>
|
<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>
|
</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
|
// Mobile responsive
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
.cart-content {
|
.cart-content {
|
||||||
|
|||||||
Reference in New Issue
Block a user