« Utilisateur:Mathis/chameleon.css » : différence entre les versions
De Wiki Campus Cyber
(Page créée avec « →************************ : →***** TOP NAVBAR ***** : →************************ : →---------- : →- Ligne 28 : →---------- : →navbar container : .navbarRow.row { width: 99.9vw; } →Supression du padding des enfants du navbar container : .navbarRow.row > .col { padding: 0; } @media(min-width: 768px) { nav#mw-navigation.p-navbar { padding-right: 0px; margin: 0 !important; width: 100%; } } →----------- : /* - Ligne 24... ») |
Aucun résumé des modifications |
||
Ligne 23 : | Ligne 23 : | ||
} | } | ||
/* ----------- */ | /* */ @media (max-width: 768px) { /* */ | ||
/* - Ligne 245 */ | /* ----------- */ | ||
/* ----------- */ | /* - Ligne 245 */ | ||
/* navbar container */ | /* ----------- */ | ||
.navbarRow.row { | /* navbar container */ | ||
.navbarRow.row { | |||
} | padding: 5px 10px; | ||
} | |||
/* ----------- */ | /* ----------- */ | ||
/* - Ligne 263 */ | /* - Ligne 263 */ | ||
/* ----------- */ | /* ----------- */ | ||
.p-navbar.collapsible .navbar-nav > div:last-child { background: var(--red); } | .p-navbar.collapsible .navbar-nav > div:last-child { background: var(--red); } | ||
.p-navbar.collapsible .navbar-nav:not(.navbar-tools) { | .p-navbar.collapsible .navbar-nav:not(.navbar-tools) { | ||
width: 98vw; | |||
background: white; | |||
position: absolute; | |||
top: 55px; | |||
left: 0; | |||
} | } | ||
/* */ } /* */ |
Version du 2 août 2022 à 14:07
/**************************/ /* ***** TOP NAVBAR ***** */ /**************************/ /* ---------- */ /* - Ligne 28 */ /* ---------- */ /* navbar container */ .navbarRow.row { width: 99.9vw; } /* Supression du padding des enfants du navbar container */ .navbarRow.row > .col { padding: 0; } @media(min-width: 768px) { nav#mw-navigation.p-navbar { padding-right: 0px; margin: 0 !important; width: 100%; } } /* */ @media (max-width: 768px) { /* */ /* ----------- */ /* - Ligne 245 */ /* ----------- */ /* navbar container */ .navbarRow.row { padding: 5px 10px; } /* ----------- */ /* - Ligne 263 */ /* ----------- */ .p-navbar.collapsible .navbar-nav > div:last-child { background: var(--red); } .p-navbar.collapsible .navbar-nav:not(.navbar-tools) { width: 98vw; background: white; position: absolute; top: 55px; left: 0; } /* */ } /* */