This commit is contained in:
KONE SOREL 2025-12-22 20:57:37 +00:00
parent 05954ce3a2
commit 12440c9a00
2 changed files with 14 additions and 28 deletions

View File

@ -237,23 +237,23 @@ content-area {
NAVIGATION TABS
============================================ */
.nav-bar {
background-color: #ffffff;
background-color: white;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(183, 71, 42, 0.08);
border: 1px solid rgba(183, 71, 42, 0.15);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
border: 1px solid var(--office-border);
position: fixed;
top: var(--header-height);
left: var(--sidebar-width);
right: 24px; /* Au lieu de right: 0 */
right: 0;
z-index: 1000;
margin: 0 24px 0 0; /* Marge à droite */
max-width: calc(1400px + 24px * 2);
margin: 0 auto;
padding: 0 24px;
overflow-x: auto;
height: 56px;
display: flex;
align-items: center;
transition: left var(--transition-speed) ease;
background: linear-gradient(135deg, #ffffff 0%, #fef8f7 100%);
}
.nav-tabs {
@ -297,13 +297,6 @@ content-area {
font-size: 16px;
}
@media (max-width: 1400px) {
.nav-bar {
right: 24px;
margin: 0 24px 0 0;
}
}
/* ============================================
CONTENT AREA - AJUSTÉ POUR LA NAV-BAR FIXE
============================================ */
@ -326,6 +319,12 @@ content-area {
overflow: hidden;
}
/* Ajustement pour responsive */
@media (max-width: 1200px) {
.content-card {
margin-top: calc(var(--header-height) + 56px);
}
}
.card-header {
background-color: #fafafa;
@ -713,12 +712,10 @@ content-area {
right: -100%;
}
/* Pour la version collapsed de la sidebar */
.nav-bar {
left: var(--sidebar-collapsed);
right: 24px;
margin: 0 24px 0 0;
}
}
/* Pour mobile */
@ -759,17 +756,6 @@ content-area {
left: 0;
padding: 0 16px;
max-width: 100%;
border-radius: 0;
top: var(--header-height);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.nav-bar {
left: 0;
right: 0;
margin: 0;
border-radius: 0;
padding: 0 16px;
}
}

View File

@ -145,7 +145,7 @@ console.groupEnd();
<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=2025.12.22.06" rel="stylesheet">
<link href="<?= $racineWeb ?>Bootstrap_new/css/style_office.css?ver=2025.12.22.07" rel="stylesheet">
<link href="<?= $racineWeb ?>Bootstrap_new/css/ux_enhancements.css?ver=2025.12.21.02" rel="stylesheet">
<!-- ============================================