fix(0.31.1): compositeur de création refait, description en <details> natif
CI / test (push) Successful in 2m13s
CI / test (push) Successful in 2m13s
- Carte compositeur : en-tête + colonne d'arrivée, champ pleine largeur, bouton primaire ; neutralise le display:flex imposé par .board-toolbar aux formulaires. - 'Ajouter une description' devient un <details> natif : aucun JS requis, insensible au cache et aux erreurs de scripts (le bouton 0.31.0 pouvait rester inerte). - Assets du board versionnés (?v=APP_VERSION) contre les mélanges de cache après redéploiement ; Ctrl+Entrée. - Vérifié en Chromium réel sur le vrai board (captures contrôlées) ; 261 tests verts.
This commit is contained in:
+21
-1
@@ -1693,4 +1693,24 @@ body.sidebar-collapsed .ws-switch { display: none; }
|
||||
.asset-row a { text-decoration: none; font-weight: 600; }
|
||||
.asset-meta { color: var(--muted, #999); font-size: 0.85em; margin-right: auto; }
|
||||
.asset-form { display: flex; gap: 8px; align-items: center; margin: 8px 0 4px; flex-wrap: wrap; }
|
||||
#create-issue-form textarea { flex-basis: 100%; margin-top: 6px; }
|
||||
|
||||
/* ── Compositeur de nouvelle issue (0.31.1) ── */
|
||||
/* La toolbar impose display:flex à ses formulaires : le
|
||||
compositeur est une carte, en bloc et pleine largeur. */
|
||||
.board-toolbar form.composer { display: block; flex: 1 1 100%; }
|
||||
.composer { background: var(--surface); border: 1px solid var(--border); border-radius: 12px; padding: 12px 14px; margin: 6px 0 10px; }
|
||||
.composer-head { display: flex; align-items: baseline; gap: 10px; margin-bottom: 10px; }
|
||||
.composer-title { font-weight: 700; font-size: 0.95rem; }
|
||||
.composer-target { color: var(--muted, #9aa3b5); font-size: 0.82rem; }
|
||||
.composer-main { display: flex; gap: 8px; }
|
||||
.composer-main input[type="text"] { flex: 1; background: var(--surface-2); border: 1px solid var(--border); border-radius: 8px; padding: 9px 12px; color: inherit; font-size: 0.95rem; }
|
||||
.composer-main input[type="text"]:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px rgba(124, 92, 252, 0.25); }
|
||||
.composer-desc { margin-top: 10px; }
|
||||
.composer-desc summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; font-size: 0.88rem; color: var(--accent-2); padding: 4px 2px; user-select: none; }
|
||||
.composer-desc summary::-webkit-details-marker { display: none; }
|
||||
.composer-desc summary:hover .composer-desc-label { text-decoration: underline; }
|
||||
.composer-chevron { transition: transform 0.15s ease; font-size: 0.75rem; }
|
||||
.composer-desc[open ] .composer-chevron { transform: rotate(180deg); }
|
||||
.composer-desc textarea { width: 100%; margin-top: 8px; background: var(--surface-2); border: 1px solid var(--border); border-radius: 8px; padding: 10px 12px; color: inherit; font-family: inherit; resize: vertical; }
|
||||
.composer-desc textarea:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px rgba(124, 92, 252, 0.25); }
|
||||
.composer-hint { color: var(--muted, #9aa3b5); font-size: 0.78rem; margin: 6px 0 0; }
|
||||
|
||||
+5
-3
@@ -122,9 +122,11 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||
}
|
||||
});
|
||||
|
||||
document.getElementById('new-issue-desc-toggle')?.addEventListener('click', () => {
|
||||
const area = document.getElementById('new-issue-body');
|
||||
if (area) { area.hidden = !area.hidden; if (!area.hidden) area.focus(); }
|
||||
createForm?.addEventListener('keydown', (e) => {
|
||||
if ((e.ctrlKey || e.metaKey) && e.key === 'Enter') {
|
||||
e.preventDefault();
|
||||
createForm.requestSubmit();
|
||||
}
|
||||
});
|
||||
|
||||
// The "Glissez une carte ici" hint is rendered by the server only
|
||||
|
||||
Reference in New Issue
Block a user