From 8338cbe662018eb7b7ec01cbbd21531aca1d9b31 Mon Sep 17 00:00:00 2001
From: polo <ordipolo@gmx.fr>
Date: Sat, 19 Jul 2025 11:12:19 +0200
Subject: =?UTF-8?q?comportement=20correct=20du=20menu=20avec=20=C3=A9cran?=
 =?UTF-8?q?=20tactile?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/css/nav.css | 35 +++++++++++++++++++++--------------
 1 file changed, 21 insertions(+), 14 deletions(-)

diff --git a/public/css/nav.css b/public/css/nav.css
index 17b30c9..72aaf4b 100644
--- a/public/css/nav.css
+++ b/public/css/nav.css
@@ -47,10 +47,7 @@ ul
 	margin: 0;
 	/*background-color: #ffffffe1;*/ /* b3 = 179 = 0.7 (x 256) */
 }
-.nav_main > ul > li:hover
-{
-	background-color: white;
-}
+
 .current/* > a > p*/
 {
 	background-color: white;
@@ -61,14 +58,25 @@ li:not(.current){
 	font-weight: initial;
 }
 
-/* faire apparaître les sous-menu sur PC */
-.drop-down:hover > .sub-menu,
-.drop-right:hover > .sub-menu
-{
-	display: block;
-}
+
+/* sous-menus avec PC + souris
+mettre ici tous les blocs avec :hover, les navigateurs mobiles "simulent" les :hover, cassant le JS utilisé ici */
 @media (pointer: fine) /* fine => précision de la souris */
 {
+	.nav_main > ul > li:hover
+	{
+		background-color: white;
+	}
+	.drop-down:hover > .sub-menu,
+	.drop-right:hover > .sub-menu
+	{
+		display: block;
+	}
+	.sub-menu li:hover /* écrase le fond blanc placé en même temps */
+	{
+		background-color: yellow;
+	}
+
 	.drop-down > a > p::after
 	{
 		content: ' ▼';
@@ -91,6 +99,8 @@ li:not(.current){
 	font-size: x-small;
 	vertical-align: text-bottom;
 }
+
+/* écran tactile */
 @media (pointer: coarse) /* coarse = grossier = précision écran tactile */
 {
 	.sub-menu-toggle
@@ -113,10 +123,7 @@ li:not(.current){
 	box-shadow: 1px 1px 3px black;
 	font-size: 95%;
 }
-.sub-menu li:hover /* écrase le fond blanc placé en même temps */
-{
-	background-color: yellow;
-}
+
 
 /* 1er sous-menu, poitionnement pour ne pas aggrandir l'élément parent */
 nav > ul > li > ul
-- 
cgit v1.2.3