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:
sdarbinyan
2026-07-23 23:51:10 +04:00
parent 2e854954ac
commit ce96ef184d
2 changed files with 0 additions and 146 deletions

View File

@@ -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>
}

View File

@@ -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 {