From 5d9e92df83782320af4bcb085ad42a581cd4257a Mon Sep 17 00:00:00 2001 From: LC Date: Sun, 20 Nov 2022 17:10:26 +0100 Subject: [PATCH] Cela semble le meilleur compromis MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit La dimension est donnée à 'nav li' en taille relative, 'nav li ul' en héritant de façon logique, et son contenu ne peut pas déborder de la taille donnée à son parent --- core/layout/common.css | 15 ++++++++------- 1 file changed, 8 insertions(+), 7 deletions(-) diff --git a/core/layout/common.css b/core/layout/common.css index c45d4cc..1a64d54 100644 --- a/core/layout/common.css +++ b/core/layout/common.css @@ -566,16 +566,22 @@ nav ul { nav li { display: inline-block; position: relative; + max-width: 25vmin; } +@media screen and (max-width: 768px) { + nav li { + max-width: 50vmin; + } } + nav li ul { display: block; position: absolute; - /*width: 200px;*/ + width: inherit; z-index: -1; opacity: 0; transition: .3s ease-out; - /*padding-left: 10px;*/ + overflow: hidden; } nav li ul li { @@ -583,11 +589,6 @@ nav li ul li { text-align: left; } -/* -nav .navSub a{ - background-color:red !important; -}*/ - nav li:hover ul { z-index: 8; opacity: 1;