style(patching/import): boutons d'action vraiment visibles (border + glow + uppercase)
Avant: btn-sm fade text-xs avec bg-color/20 — ressemblaient a des liens. Apres: classe .btn-action avec - padding 6px 14px (plus genereux) - text-transform uppercase + letter-spacing - font-weight 700 - border 1px currentColor + box-shadow glow - hover: translateY(-1px) + glow renforce - Variantes coloris: btn-add (vert), btn-rep (bleu), btn-cancel (gris), btn-pre (orange) - Icones renommes pour clarte (✕ Annuler, ▶ Pre-patching) Pas de modif fonctionnelle, juste visuel.
This commit is contained in:
parent
040448696b
commit
fde554ad4f
@ -123,19 +123,37 @@
|
|||||||
</label>
|
</label>
|
||||||
<span class="text-xs text-gray-400" id="selection-count">0 sélectionné(s)</span>
|
<span class="text-xs text-gray-400" id="selection-count">0 sélectionné(s)</span>
|
||||||
<div class="flex-1"></div>
|
<div class="flex-1"></div>
|
||||||
|
<style>
|
||||||
|
.btn-action {
|
||||||
|
padding: 6px 14px; font-size: 0.8rem; font-weight: 700;
|
||||||
|
border-radius: 6px; cursor: pointer; border: 1px solid currentColor;
|
||||||
|
box-shadow: 0 0 8px currentColor;
|
||||||
|
transition: all .15s;
|
||||||
|
text-transform: uppercase; letter-spacing: 0.03em;
|
||||||
|
}
|
||||||
|
.btn-action:hover { transform: translateY(-1px); box-shadow: 0 0 14px currentColor; }
|
||||||
|
.btn-action.btn-add { background: rgba(34,197,94,.15); color: #22c55e; }
|
||||||
|
.btn-action.btn-add:hover { background: rgba(34,197,94,.30); }
|
||||||
|
.btn-action.btn-rep { background: rgba(59,130,246,.15); color: #3b82f6; }
|
||||||
|
.btn-action.btn-rep:hover { background: rgba(59,130,246,.30); }
|
||||||
|
.btn-action.btn-cancel { background: rgba(156,163,175,.15); color: #9ca3af; }
|
||||||
|
.btn-action.btn-cancel:hover { background: rgba(156,163,175,.30); color: #f3f4f6; }
|
||||||
|
.btn-action.btn-pre { background: rgba(245,158,11,.18); color: #f59e0b; }
|
||||||
|
.btn-action.btn-pre:hover { background: rgba(245,158,11,.35); }
|
||||||
|
</style>
|
||||||
{% if can_import %}
|
{% if can_import %}
|
||||||
<button id="btn-add-eligible" class="btn-sm bg-cyber-green/20 text-cyber-green px-3 py-1 text-xs" title="Marque les lignes sélectionnées comme éligibles au patching">
|
<button id="btn-add-eligible" class="btn-action btn-add" title="Marque les lignes sélectionnées comme éligibles au patching">
|
||||||
+ Ajouter au patching
|
+ Ajouter au patching
|
||||||
</button>
|
</button>
|
||||||
<button id="btn-report" class="btn-sm bg-cyber-blue/20 text-cyber-blue px-3 py-1 text-xs" title="Reporter les lignes sélectionnées à une autre semaine">
|
<button id="btn-report" class="btn-action btn-rep" title="Reporter les lignes sélectionnées à une autre semaine">
|
||||||
⤳ Reporter
|
⤳ Reporter
|
||||||
</button>
|
</button>
|
||||||
<button id="btn-unset" class="btn-sm bg-cyber-border text-gray-400 px-3 py-1 text-xs" title="Annuler éligibilité / report sur les lignes sélectionnées">
|
<button id="btn-unset" class="btn-action btn-cancel" title="Annuler éligibilité / report sur les lignes sélectionnées">
|
||||||
Annuler
|
✕ Annuler
|
||||||
</button>
|
</button>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
<button id="btn-prepatch" class="btn-sm bg-cyber-yellow/20 text-cyber-yellow px-3 py-1 text-xs" title="Lancer le pré-patching (rows éligibles uniquement)">
|
<button id="btn-prepatch" class="btn-action btn-pre" title="Lancer le pré-patching (rows éligibles uniquement)">
|
||||||
Pré-patching →
|
▶ Pré-patching
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<table class="w-full text-xs" id="sheet-table">
|
<table class="w-full text-xs" id="sheet-table">
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user