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; z-index: 1030;
} }
/* Assure que le menu déroulant est au-dessus du header et de la sidebar */ /* Nettoyage du bouton dropdown */
.dropdown-menu { .user-menu.dropdown-toggle {
z-index: 1060 !important; display: flex;
margin-top: 10px !important; /* Petit espace sous le header */ align-items: center;
border: none; outline: none;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); box-shadow: none !important;
} }
/* Optionnel : pour que le curseur change sur tout le bloc utilisateur */ /* Supprimer la petite flèche par défaut de Bootstrap si elle vous gêne */
.user-menu { .user-menu.dropdown-toggle::after {
cursor: pointer; 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 { .header-content {

View File

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