diff --git a/frontend/js/sidebar.js b/frontend/js/sidebar.js index d163453..1bad822 100644 --- a/frontend/js/sidebar.js +++ b/frontend/js/sidebar.js @@ -59,11 +59,11 @@ function _sharedIcon(size = 16) { // renommer/déplacer/supprimer). Le menu ⋮ est un menu propre ci-dessous. // --------------------------------------------------------------------------- -/** Icône cadenas (U+1F510) du nœud Secrets, distincte de la maison et du diamant. */ +/** Icône coffre-fort du nœud Secrets (SVG Safe Vault Streamline, fourni par Bruno), distincte de la maison et du diamant. Le tracé utilise currentColor pour rester lisible en thème clair comme sombre (le noir d'origine serait invisible en sombre). */ function _secretsIcon() { const s = document.createElement("span"); s.className = "coffres-icon-lock"; - s.textContent = "\u{1F510}"; + s.innerHTML = ''; return s; } diff --git a/frontend/style.css b/frontend/style.css index 3118e34..73d72fe 100644 --- a/frontend/style.css +++ b/frontend/style.css @@ -14372,7 +14372,8 @@ body.has-draco-bar .app-container { height: calc(100vh - 60px); } .coffres-alerts { margin: 12px 0; } .coffres-alert { color: var(--warning, #f59e0b); padding: 2px 0; } .coffres-form { display: grid; gap: 8px; max-width: 560px; margin: 8px 0; } -.coffres-icon-lock { font-size: 16px; line-height: 1; } +.coffres-icon-lock { display: inline-flex; align-items: center; line-height: 1; } +.coffres-icon-lock svg { width: 16px; height: 16px; flex: none; } .coffres-alert-dot { color: var(--warning, #f59e0b); font-weight: 700; margin-left: 4px; } .coffres-context-menu { position: fixed; z-index: 1000; min-width: 220px; background: var(--bg-secondary, #161b22); border: 1px solid var(--border, #21262d); border-radius: 8px; padding: 4px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4); } .coffres-context-item { display: block; width: 100%; text-align: left; padding: 8px 12px; background: transparent; border: none; color: var(--text-primary, #e6edf3); cursor: pointer; border-radius: 6px; }