Remove all Dupliclick/Spesa integration; merge annual waste info into status line
This commit is contained in:
dadaloop82
@@ -499,14 +499,6 @@ body {
|
||||
}
|
||||
.aw-cmp-legend-you { color: #16a34a; }
|
||||
.aw-cmp-legend-avg { color: #f97316; }
|
||||
/* Annual totals + range note */
|
||||
.aw-cmp-range {
|
||||
font-size: 0.67rem;
|
||||
color: #6b7280;
|
||||
margin: 1px 0 4px;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
}
|
||||
/* Inline status below bars */
|
||||
.aw-status-inline {
|
||||
font-size: 0.75rem;
|
||||
@@ -1907,57 +1899,6 @@ body {
|
||||
color: #dc2626;
|
||||
}
|
||||
|
||||
/* Spesa bar: action buttons below item */
|
||||
.spesa-bar {
|
||||
display: flex;
|
||||
gap: 6px;
|
||||
margin-top: 5px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.spesa-bar-btn {
|
||||
font-size: 0.7rem;
|
||||
padding: 3px 8px;
|
||||
border: 1px solid #e0e0e0;
|
||||
border-radius: 12px;
|
||||
background: #f8f9fa;
|
||||
color: var(--text-secondary);
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
transition: background 0.2s;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.spesa-bar-btn:hover,
|
||||
.spesa-bar-btn:active {
|
||||
background: #e0f2fe;
|
||||
border-color: var(--accent);
|
||||
}
|
||||
|
||||
/* Loading animation */
|
||||
.spesa-loading {
|
||||
font-size: 0.8rem;
|
||||
color: var(--accent);
|
||||
margin-top: 3px;
|
||||
animation: spesaPulse 1.2s ease-in-out infinite;
|
||||
}
|
||||
|
||||
@keyframes spesaPulse {
|
||||
0%, 100% { opacity: 0.4; }
|
||||
50% { opacity: 1; }
|
||||
}
|
||||
|
||||
/* Found product name */
|
||||
.spesa-found-name {
|
||||
font-size: 0.72rem;
|
||||
color: var(--text-muted);
|
||||
display: block;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.shopping-item-remove:hover,
|
||||
.shopping-item-remove:active {
|
||||
background: #fee2e2;
|
||||
@@ -5303,215 +5244,6 @@ body {
|
||||
30% { transform: translateY(-6px); opacity: 1; }
|
||||
}
|
||||
|
||||
/* ===== SPESA ONLINE / DUPLICLICK ===== */
|
||||
.provider-selector {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.provider-btn {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
padding: 14px 20px;
|
||||
border: 2px solid var(--border);
|
||||
border-radius: 12px;
|
||||
background: var(--card-bg);
|
||||
cursor: pointer;
|
||||
transition: all 0.2s;
|
||||
min-width: 120px;
|
||||
}
|
||||
|
||||
.provider-btn:hover {
|
||||
border-color: var(--accent);
|
||||
background: rgba(45, 80, 22, 0.05);
|
||||
}
|
||||
|
||||
.provider-btn.active {
|
||||
border-color: var(--accent);
|
||||
background: rgba(45, 80, 22, 0.1);
|
||||
box-shadow: 0 0 0 3px rgba(45, 80, 22, 0.15);
|
||||
}
|
||||
|
||||
.provider-icon {
|
||||
font-size: 1.8rem;
|
||||
}
|
||||
|
||||
.provider-name {
|
||||
font-weight: 700;
|
||||
font-size: 0.95rem;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.provider-desc {
|
||||
font-size: 0.75rem;
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
.dupliclick-status {
|
||||
margin-top: 12px;
|
||||
padding: 10px 14px;
|
||||
border-radius: 10px;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.dupliclick-status.success {
|
||||
background: #dcfce7;
|
||||
color: #166534;
|
||||
border: 1px solid #86efac;
|
||||
}
|
||||
|
||||
.dupliclick-status.error {
|
||||
background: #fef2f2;
|
||||
color: #991b1b;
|
||||
border: 1px solid #fca5a5;
|
||||
}
|
||||
|
||||
.dupliclick-data {
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
.dupliclick-data h4 {
|
||||
margin-bottom: 12px;
|
||||
font-size: 1rem;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.dupliclick-data-grid {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.data-row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 8px 12px;
|
||||
background: var(--card-bg);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 8px;
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
|
||||
.data-label {
|
||||
font-weight: 600;
|
||||
color: var(--text-muted);
|
||||
min-width: 120px;
|
||||
}
|
||||
|
||||
.data-value {
|
||||
text-align: right;
|
||||
color: var(--text);
|
||||
word-break: break-all;
|
||||
max-width: 60%;
|
||||
}
|
||||
|
||||
.data-value.token-value {
|
||||
font-family: monospace;
|
||||
font-size: 0.8rem;
|
||||
color: var(--accent);
|
||||
}
|
||||
|
||||
.raw-data-details {
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.raw-data-details summary {
|
||||
cursor: pointer;
|
||||
font-weight: 600;
|
||||
padding: 8px 0;
|
||||
color: var(--accent);
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
|
||||
.raw-json {
|
||||
margin-top: 8px;
|
||||
padding: 12px;
|
||||
background: #1e293b;
|
||||
color: #e2e8f0;
|
||||
border-radius: 10px;
|
||||
font-size: 0.75rem;
|
||||
line-height: 1.5;
|
||||
overflow-x: auto;
|
||||
max-height: 300px;
|
||||
overflow-y: auto;
|
||||
white-space: pre-wrap;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
/* ===== SPESA ONLINE - PRICE IN SHOPPING LIST ===== */
|
||||
.spesa-total-banner {
|
||||
background: linear-gradient(135deg, #065f46, #047857);
|
||||
border-radius: var(--radius);
|
||||
padding: 14px 16px;
|
||||
margin-bottom: 12px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.spesa-total-row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.spesa-total-label {
|
||||
font-size: 0.95rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.spesa-total-value {
|
||||
font-size: 1.4rem;
|
||||
font-weight: 800;
|
||||
letter-spacing: -0.5px;
|
||||
}
|
||||
|
||||
.spesa-total-detail {
|
||||
font-size: 0.75rem;
|
||||
opacity: 0.85;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.spesa-detail-left {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 1px;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.spesa-pkg {
|
||||
font-size: 0.68rem;
|
||||
color: var(--text-muted);
|
||||
}
|
||||
|
||||
.spesa-promo-badge {
|
||||
font-size: 0.65rem;
|
||||
font-weight: 700;
|
||||
background: #dc2626;
|
||||
color: white;
|
||||
padding: 1px 5px;
|
||||
border-radius: 4px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.spesa-promo-expire {
|
||||
font-size: 0.6rem;
|
||||
color: var(--text-muted);
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.spesa-not-found {
|
||||
font-size: 0.7rem;
|
||||
color: var(--text-muted);
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.shopping-item.has-promo {
|
||||
border-left: 3px solid #dc2626;
|
||||
}
|
||||
|
||||
/* ====== Recipe Archive ====== */
|
||||
.recipe-archive {
|
||||
display: flex;
|
||||
|
||||
Reference in New Issue
Block a user