edition suppression

This commit is contained in:
2026-01-26 12:22:09 +01:00
parent bc622f0b04
commit c5b89f2bf4
2 changed files with 45 additions and 29 deletions
+15 -6
View File
@@ -209,7 +209,8 @@ $occasionsToShow = array_values(array_intersect(array_keys($allOccasionLabels),
<div class="cl-gift-right"> <div class="cl-gift-right">
<span class="cl-gift-amount">(<?= number_format($amt, 0, ',', ' ') ?> €)</span> <span class="cl-gift-amount">(<?= number_format($amt, 0, ',', ' ') ?> €)</span>
<span class="cl-gift-actions"> <span class="cl-gift-actions">
<button type="button" <button
type="button"
class="cl-gift-action-btn cl-gift-edit" class="cl-gift-action-btn cl-gift-edit"
title="Edita" title="Edita"
aria-label="Edita" aria-label="Edita"
@@ -221,15 +222,23 @@ $occasionsToShow = array_values(array_intersect(array_keys($allOccasionLabels),
data-payer="<?= htmlspecialchars($payer) ?>" data-payer="<?= htmlspecialchars($payer) ?>"
data-desc="<?= htmlspecialchars($gift['gift_description']) ?>" data-desc="<?= htmlspecialchars($gift['gift_description']) ?>"
data-amount="<?= htmlspecialchars($gift['amount']) ?>" data-amount="<?= htmlspecialchars($gift['amount']) ?>"
data-link="<?= htmlspecialchars($gift['product_link'] ?? '') ?>"> data-link="<?= htmlspecialchars($gift['product_link'] ?? '') ?>"
<!-- icône --> >
<svg viewBox="0 0 24 24" width="12" height="12" fill="currentColor" aria-hidden="true">
<path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a1.003 1.003 0 0 0 0-1.42l-2.34-2.34a1.003 1.003 0 0 0-1.42 0l-1.83 1.83 3.75 3.75 1.84-1.82z"/>
</svg>
</button> </button>
<button type="button" <!-- Delete -->
<button
type="button"
class="cl-gift-action-btn cl-gift-delete" class="cl-gift-action-btn cl-gift-delete"
title="Eliminar" title="Eliminar"
aria-label="Eliminar" aria-label="Eliminar"
data-id="<?= $giftId ?>"> data-id="<?= $giftId ?>"
<!-- icône --> >
<svg viewBox="0 0 24 24" width="12" height="12" fill="currentColor" aria-hidden="true">
<path d="M9 3h6a1 1 0 0 1 1 1v2h3a1 1 0 1 1 0 2h-1l-1 12a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 8H4a1 1 0 1 1 0-2h3V4a1 1 0 0 1 1-1zm-1 5h2v10H8V8zm4 0h2v10h-2V8z"/>
</svg>
</button> </button>
</span> </span>
</div> </div>
+16 -9
View File
@@ -225,11 +225,12 @@
} }
.cl-gift-amount { .cl-gift-amount {
margin-left: auto; /* pousse le montant à droite */ margin-left: auto;
text-align: right; text-align: right;
color: #627d98; color: #627d98;
white-space: nowrap; /* reste sur une seule ligne */ white-space: nowrap;
min-width: fit-content; min-width: fit-content;
transition: opacity 120ms ease;
} }
/* Code couleur par enfant (bordure + header/caption) */ /* Code couleur par enfant (bordure + header/caption) */
@@ -497,7 +498,7 @@
/* Zone droite: prix visible par défaut; icônes masquées */ /* Zone droite: prix visible par défaut; icônes masquées */
.cl-gift-right { .cl-gift-right {
position: relative; position: relative;
min-width: 35px; /* réserve un petit espace */ min-width: 48px; /* réserve un petit espace */
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
} }
@@ -526,11 +527,13 @@
/* Survol (desktop) ou état actif (mobile): cacher prix, montrer icônes */ /* Survol (desktop) ou état actif (mobile): cacher prix, montrer icônes */
.cl-gift-right:hover .cl-gift-amount, .cl-gift-right:hover .cl-gift-amount,
.cl-gift-right.is-active .cl-gift-amount { .cl-gift-right.is-active .cl-gift-amount,
.cl-gift-right:focus-within .cl-gift-amount {
opacity: 0; opacity: 0;
} }
.cl-gift-right:hover .cl-gift-actions, .cl-gift-right:hover .cl-gift-actions,
.cl-gift-right.is-active .cl-gift-actions { .cl-gift-right.is-active .cl-gift-actions,
.cl-gift-right:focus-within .cl-gift-actions {
opacity: 1; opacity: 1;
pointer-events: auto; pointer-events: auto;
} }
@@ -541,19 +544,23 @@
background: transparent; background: transparent;
padding: 0; padding: 0;
cursor: pointer; cursor: pointer;
color: #374151; /* crayon par défaut */ color: #374151;
line-height: 1; line-height: 1;
} }
.cl-gift-action-btn svg { .cl-gift-action-btn svg {
width: 12px; width: 14px;
height: 12px; height: 14px;
display: block; display: block;
color: inherit; color: inherit;
fill: currentColor; fill: currentColor;
} }
.cl-gift-delete { .cl-gift-delete {
color: #b91c1c !important; color: #b91c1c !important;
} /* poubelle rouge forcé */ }
.cl-gift-action-btn:focus-visible {
outline: 2px solid #2563eb;
outline-offset: 2px;
}
.cl-titlebar { .cl-titlebar {
display: flex; display: flex;