diff --git a/Bootstrap_new/css/theme-modern.css b/Bootstrap_new/css/theme-modern.css index f87639a9..acdd5334 100644 --- a/Bootstrap_new/css/theme-modern.css +++ b/Bootstrap_new/css/theme-modern.css @@ -520,30 +520,30 @@ h1, h2, h3, h4, h5, h6, .fw-bold, .fw-semibold { .section { padding: 0; } -/* ============================== - CONTEXT DRAWER (Barre Latérale D) - ============================== */ +/* --- CONTEXT DRAWER (Panneau Droit) --- */ -/* Trigger button — gris charcoal */ +/* Bouton d'appel (Plus discret, rectangulaire) */ .btn-info-context { - position: fixed; - right: 0; - top: 50%; - transform: translateY(-50%); - z-index: 1100; - background: var(--color-primary); - color: white; - border: none; - border-radius: var(--radius-lg) 0 0 var(--radius-lg); - padding: 12px 10px; - cursor: pointer; - box-shadow: var(--shadow-md); - display: flex; - flex-direction: column; - align-items: center; - gap: 6px; - transition: all var(--transition-base); + position: fixed; + right: 0; + top: 50%; + transform: translateY(-50%); + z-index: 1100; + background: var(--color-primary); + color: white; + border: none; + border-radius: var(--radius-sm) 0 0 var(--radius-sm); + padding: 15px 8px; + cursor: pointer; + box-shadow: var(--shadow-sm); + writing-mode: vertical-rl; /* Texte vertical pour gagner de la place */ + text-orientation: mixed; + font-size: 10px; + font-weight: 700; + text-transform: uppercase; + letter-spacing: 1px; } + .btn-info-context:hover { background: var(--color-primary-light); padding-left: 14px;