This commit is contained in:
KONE SOREL 2026-01-20 14:44:56 +00:00
parent 4fd0b9bfb8
commit 51b54623ba
2 changed files with 35 additions and 20 deletions

View File

@ -72,17 +72,29 @@ body {
z-index: 1030;
}
/* Assure que le menu déroulant est au-dessus du header et de la sidebar */
.dropdown-menu {
z-index: 1060 !important;
margin-top: 10px !important; /* Petit espace sous le header */
border: none;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
/* Nettoyage du bouton dropdown */
.user-menu.dropdown-toggle {
display: flex;
align-items: center;
outline: none;
box-shadow: none !important;
}
/* Optionnel : pour que le curseur change sur tout le bloc utilisateur */
.user-menu {
cursor: pointer;
/* Supprimer la petite flèche par défaut de Bootstrap si elle vous gêne */
.user-menu.dropdown-toggle::after {
display: none;
}
/* S'assurer que le menu dropdown passe devant tout */
.dropdown-menu {
z-index: 2000 !important;
min-width: 220px;
border: 1px solid rgba(0,0,0,0.1);
}
/* Positionnement quand le header est fixed */
.dropdown-menu[data-bs-popper] {
margin-top: 15px !important;
}
.header-content {

View File

@ -126,7 +126,7 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
<link rel="manifest" href="<?= $racineWeb ?>manifest.json">
<!-- 4. VOS STYLES PERSONNALISÉS (en dernier pour qu'ils dominent) -->
<link href="<?= $racineWeb ?>Bootstrap_new/css/style_office.css?ver=2026.01.20.00" rel="stylesheet">
<link href="<?= $racineWeb ?>Bootstrap_new/css/style_office.css?ver=2026.01.20.01" rel="stylesheet">
<link href="<?= $racineWeb ?>Bootstrap_new/css/ux_enhancements.css?ver=2025.12.21.02" rel="stylesheet">
<!-- Charts -->
@ -264,30 +264,33 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
<!-- User Menu -->
<div class="dropdown">
<div class="user-menu dropdown-toggle"
data-bs-toggle="dropdown"
data-bs-display="static"
aria-expanded="false">
<button class="user-menu dropdown-toggle border-0 bg-transparent p-0"
type="button"
data-bs-toggle="dropdown"
aria-expanded="false">
<div class="user-avatar">
<?= $_SESSION['userInitials_C'] ?? 'U' ?>
</div>
<div class="user-info">
<div class="user-name"><?= $_SESSION['utilisateur_C'] ?? _('Utilisateur') ?></div>
<div class="user-role text-primary fw-bold">
<div class="user-info text-start ms-2">
<div class="user-name fw-bold" style="line-height: 1.2;">
<?= $_SESSION['utilisateur_C'] ?? _('Utilisateur') ?>
</div>
<div class="user-role text-primary small">
<i class="fas fa-building-user"></i>
<?= $_SESSION['nomClient_C'] ?? _('Client') ?>
</div>
</div>
</div>
</button>
<ul class="dropdown-menu dropdown-menu-end">
<ul class="dropdown-menu dropdown-menu-end shadow-sm">
<li class="dropdown-header">
<div class="user-avatar mx-auto mb-2">
<?= $_SESSION['userInitials_C'] ?? 'U' ?>
</div>
<div class="text-center">
<div class="fw-bold"><?= $_SESSION['utilisateur_C'] ?? _('Utilisateur') ?></div>
<div class="fw-bold text-dark"><?= $_SESSION['utilisateur_C'] ?? _('Utilisateur') ?></div>
<small class="text-muted"><?= $_SESSION['nomClient_C'] ?? _('Client') ?></small>
</div>
</li>