ebene/radiantrh
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ba

Browse Source
This commit is contained in:
KONE SOREL 2025-12-22 19:53:41 +00:00
parent 4a37458666
commit 382933529f
1 changed files with 34 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
Bootstrap_new/css/style_office.css
View File

@ -242,19 +242,27 @@ body {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
border: 1px solid var(--office-border); border: 1px solid var(--office-border);
position: fixed; /* Fixe dans la fenêtre */ position: fixed; /* Fixe dans la fenêtre */
top: [hauteur-du-header]; /* À ajuster selon la hauteur de votre header */ top: var(--header-height); /* Positionné juste en dessous du header */
left: 0; left: var(--sidebar-width); /* Aligné avec le début du contenu principal */
right: 0; right: 0; /* Prend toute la largeur restante */
z-index: 1000; z-index: 1000;
max-width: 1400px; max-width: calc(1400px + 24px * 2); /* Ajusté pour correspondre au contenu */
margin: 0 auto; margin: 0 auto;
padding: 0 24px; /* Padding pour l'alignement */
overflow-x: auto; /* Permettre le défilement horizontal si nécessaire */
height: 56px; /* Hauteur fixe pour la barre */
display: flex;
align-items: center;
transition: left var(--transition-speed) ease; /* Animation avec la sidebar */
} }
.nav-tabs { .nav-tabs {
display: flex; display: flex;
gap: 8px; gap: 8px;
overflow-x: auto; overflow-x: auto;
padding-bottom: 4px; padding: 8px 0; /* Ajouté pour l'espace vertical */
height: 100%; /* Prend toute la hauteur du nav-bar */
align-items: center; /* Centrer verticalement */
} }
.nav-tab { .nav-tab {
@ -289,18 +297,25 @@ body {
} }
/* ============================================ /* ============================================
CONTENT CARDS CONTENT CARDS - AJUSTÉ POUR LA NAV-BAR FIXE
============================================ */ ============================================ */
.content-card { .content-card {
background-color: white; background-color: white;
border-radius: 8px; border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
border: 1px solid var(--office-border); border: 1px solid var(--office-border);
margin-top: 60px; /* Ajustez selon la hauteur de .nav-bar */ margin-top: 80px; /* Espace pour la nav-bar fixe (header-height + nav-bar height) */
margin-bottom: 24px; margin-bottom: 24px;
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;
border-bottom: 1px solid var(--office-border); border-bottom: 1px solid var(--office-border);
@ -686,8 +701,14 @@ body {
width: 100%; width: 100%;
right: -100%; right: -100%;
} }
/* Pour la version collapsed de la sidebar */
.nav-bar {
left: var(--sidebar-collapsed);
}
} }
/* Pour mobile */
@media (max-width: 768px) { @media (max-width: 768px) {
.app-sidebar { .app-sidebar {
transform: translateX(-100%); transform: translateX(-100%);
@ -720,6 +741,12 @@ body {
.nav-arrow { .nav-arrow {
display: block; display: block;
} }
.nav-bar {
left: 0;
padding: 0 16px;
max-width: 100%;
}
} }
/* ============================================ /* ============================================