Projets/kanbante
1
1
Fork 0
Code Issues 20 Pull Requests 1 Actions Packages Projects Releases 70 Wiki Activity

Page Projets : copie URL dans le menu ⋯ + refonte thème barre Fusion/Spark (#44, #45)
CI / test (push) Failing after 2s
Details

Browse Source
This commit is contained in:
bruno
2026-10-28 22:12:07 -04:00
parent 8ab30d25ef
commit 436084aebd
1 changed files with 48 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/style.css
+48 -8
View File
@@ -1486,20 +1486,60 @@ body.sidebar-collapsed .side-foot { justify-content: center; }
padding: 2px 7px; border-radius: 8px; line-height: 1;
}
.card-menu-btn:hover { background: var(--surface-2); color: var(--text); }
.card-menu-btn[aria-expanded="true"] { background: var(--surface-2); color: var(--text); }
/* Menu ⋯ des tuiles projets — refonte issues #44/#45.
Jetons repris de la barre d'apps commune (draco-barre.css,
prototype validé Console v7.2, aussi utilisé par la console
Spark) : clair par défaut, sombre via [data-theme="dark"]
ou prefers-color-scheme. Correctif du bug d'origine : le
menu utilisait var(--surface-1), variable jamais définie,
donc aucun fond — le menu était transparent et illisible. */
.card-menu {
--menu-bg: #ffffff; --menu-bg-2: #e9eae6; --menu-ink: #1b1d1a;
--menu-ink-2: #5c615a; --menu-line: #dedfd9; --menu-agent: #c2437e;
position: absolute; right: 0; top: calc(100% + 6px); z-index: 60;
min-width: 210px; display: flex; flex-direction: column; gap: 2px;
background: var(--surface-1); border: 1px solid var(--border);
border-radius: 12px; padding: 6px;
box-shadow: 0 14px 34px rgba(0, 0, 0, 0.45);
min-width: 248px; display: flex; flex-direction: column; gap: 2px;
background: var(--menu-bg); border: 1px solid var(--menu-line);
border-radius: 14px; padding: 6px; color: var(--menu-ink);
box-shadow: 0 16px 44px rgb(0 0 0 / .28);
}
@media (prefers-color-scheme: dark) {
.card-menu {
--menu-bg: #1a1c1a; --menu-bg-2: #242624; --menu-ink: #eceee9;
--menu-ink-2: #a6aba2; --menu-line: #2e302c;
}
}
[data-theme="dark"] .card-menu {
--menu-bg: #1a1c1a; --menu-bg-2: #242624; --menu-ink: #eceee9;
--menu-ink-2: #a6aba2; --menu-line: #2e302c;
}
.card-menu[hidden] { display: none !important; }
.card-menu a {
.card-menu a, .card-menu-item {
display: flex; align-items: center; min-height: 32px;
padding: 8px 10px; border-radius: 8px;
color: var(--text-2); font-size: 0.92rem;
padding: 8px 10px; border-radius: 10px;
color: var(--menu-ink-2); font-size: 0.92rem;
}
.card-menu-item {
width: 100%; box-sizing: border-box; border: 0;
background: transparent; font: inherit; text-align: left; cursor: pointer;
}
.card-menu a:hover, .card-menu a:focus-visible,
.card-menu-item:hover, .card-menu-item:focus-visible {
background: var(--menu-bg-2); color: var(--menu-ink); text-decoration: none;
}
.card-menu a:focus-visible, .card-menu-item:focus-visible {
outline: 2px solid var(--menu-agent); outline-offset: 1px;
}
.card-menu-sep { height: 1px; margin: 6px 10px; background: var(--menu-line); }
/* Confirmation de copie — pastille fixe, lisible sur fond
clair comme sombre, même patron que la barre (draco). */
.kanbante-toast {
position: fixed; left: 50%; bottom: 22px; transform: translateX(-50%);
z-index: 3000; background: #1f1f1f; color: #eee;
padding: 10px 16px; border-radius: 10px;
font: 500 13.5px system-ui, "Segoe UI", sans-serif;
box-shadow: 0 6px 24px rgb(0 0 0 / .35);
}
.card-menu a:hover { background: var(--surface-2); color: var(--text); text-decoration: none; }
.proj-table {
width: calc(100% - 48px); margin: 0 24px 18px;
border-collapse: collapse; font-size: 0.93rem;