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