[IMP] website_sale_aplicoop: extract order card meta to separate template

- Create eskaera_order_card_meta template for cleaner code
- Simplify layout: horizontal meta-grid instead of table
- Fix t-if conditions on container elements
- Show only relevant fields: cutoff, pickup, delivery
- Add meta-grid CSS styles for compact horizontal display
- Home delivery badge only shown when enabled
This commit is contained in:
snt 2026-03-06 14:10:58 +01:00
parent 80539f3e36
commit c3173a32c9
2 changed files with 74 additions and 79 deletions

View file

@ -328,3 +328,41 @@
align-items: center;
gap: 0.5rem;
}
/* Meta grid - compact horizontal layout for order card metadata */
.meta-grid {
display: flex;
flex-wrap: wrap;
gap: 0.5rem 1rem;
justify-content: center;
align-items: center;
}
.meta-grid .meta-item {
display: flex;
align-items: center;
gap: 0.35rem;
font-size: 0.8rem;
}
.meta-grid .meta-label {
font-weight: 600;
color: #374151;
min-width: auto;
}
.meta-grid .meta-value {
color: #6b7280;
}
.meta-grid .badge {
font-size: 0.75rem;
padding: 0.25rem 0.5rem;
display: inline-flex;
align-items: center;
gap: 0.25rem;
}
.meta-grid .badge i {
font-size: 0.7rem;
}