Skip to content
Snippets Groups Projects
Commit 3c7f413e authored by Giorgio Utzeri's avatar Giorgio Utzeri
Browse files

test responsive

parent ac02a2f9
No related branches found
No related tags found
No related merge requests found
...@@ -144,10 +144,25 @@ body { ...@@ -144,10 +144,25 @@ body {
box-shadow: 2px 0 5px rgba(0, 0, 0, 0.2); box-shadow: 2px 0 5px rgba(0, 0, 0, 0.2);
} }
/* Pour ajuster la marge de la sidebar quand elle est affichée en mode mobile */
@media (max-width: 991px) { @media (max-width: 991px) {
.sidebar { /* Lorsque la sidebar est fermée, on conserve une largeur par défaut (ici 250px) */
#sidebar {
width: 250px; width: 250px;
height: 100%; height: 100%;
transition: width 0.3s ease;
}
/* Quand la sidebar est ouverte (classe "show" ajoutée par Bootstrap), elle occupe toute la fenêtre */
#sidebar.show {
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
padding-top: 50px; /* Laisser de l'espace sous le bouton hamburger si nécessaire */
z-index: 1050;
}
/* Optionnel : masquer le contenu principal quand la sidebar est affichée */
.main-content {
display: none;
} }
} }
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment