This commit is contained in:
KONE SOREL 2026-01-20 14:36:06 +00:00
parent 93d93034a7
commit 4fd0b9bfb8
2 changed files with 51 additions and 30 deletions

View File

@ -72,6 +72,19 @@ 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);
}
/* Optionnel : pour que le curseur change sur tout le bloc utilisateur */
.user-menu {
cursor: pointer;
}
.header-content {
display: flex;
align-items: center;

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.19.00" rel="stylesheet">
<link href="<?= $racineWeb ?>Bootstrap_new/css/style_office.css?ver=2026.01.20.00" rel="stylesheet">
<link href="<?= $racineWeb ?>Bootstrap_new/css/ux_enhancements.css?ver=2025.12.21.02" rel="stylesheet">
<!-- Charts -->
@ -263,39 +263,47 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
</div>
<!-- User Menu -->
<div class="user-menu dropdown-toggle" data-bs-toggle="dropdown"
aria-expanded="false" aria-label="Menu utilisateur">
<div class="user-avatar" role="img" aria-label="Avatar utilisateur">
<?= $_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">
<i class="fas fa-building-user"></i>
<?= $_SESSION['nomClient_C'] ?? _('Client') ?>
</div>
</div>
</div>
<!-- User Dropdown -->
<div class="dropdown-menu dropdown-menu-end">
<div class="dropdown-header">
<div class="user-avatar mx-auto mb-2">
<div class="dropdown">
<div class="user-menu dropdown-toggle"
data-bs-toggle="dropdown"
data-bs-display="static"
aria-expanded="false">
<div class="user-avatar">
<?= $_SESSION['userInitials_C'] ?? 'U' ?>
</div>
<div class="text-center">
<div class="fw-bold"><?= $_SESSION['utilisateur_C'] ?? _('Utilisateur') ?></div>
<small class="text-muted"><?= $_SESSION['nomClient_C'] ?? _('Client') ?></small>
<div class="user-info">
<div class="user-name"><?= $_SESSION['utilisateur_C'] ?? _('Utilisateur') ?></div>
<div class="user-role text-primary fw-bold">
<i class="fas fa-building-user"></i>
<?= $_SESSION['nomClient_C'] ?? _('Client') ?>
</div>
</div>
</div>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="javascript:change_password()">
<i class="fas fa-user-circle me-2"></i> <?= _('Changer le mot de passe') ?>
</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item text-danger" href="Connexion/deconnecter">
<i class="fas fa-sign-out-alt me-2"></i> <?= _('Déconnexion') ?>
</a>
<ul class="dropdown-menu dropdown-menu-end">
<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>
<small class="text-muted"><?= $_SESSION['nomClient_C'] ?? _('Client') ?></small>
</div>
</li>
<li><hr class="dropdown-divider"></li>
<li>
<a class="dropdown-item" href="javascript:change_password()">
<i class="fas fa-user-circle me-2"></i> <?= _('Changer le mot de passe') ?>
</a>
</li>
<li><hr class="dropdown-divider"></li>
<li>
<a class="dropdown-item text-danger" href="Connexion/deconnecter">
<i class="fas fa-sign-out-alt me-2"></i> <?= _('Déconnexion') ?>
</a>
</li>
</ul>
</div>
</div>
</div>