From 7dd251dbdf3cc77a4befec02199750e6ce976019 Mon Sep 17 00:00:00 2001
From: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date: Mon, 28 Dec 2020 21:28:36 +0100
Subject: Note down possible transitions for dropdown menu

Also move some attributes around.
---
 commun.css | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

(limited to 'commun.css')

diff --git a/commun.css b/commun.css
index 8d6f221..c9b8242 100644
--- a/commun.css
+++ b/commun.css
@@ -77,14 +77,28 @@ nav li.dropdown ul {
     left: 0;                    /* Offset nav > ol > li padding. */
     padding-left: 0;
     width: 100%;
+    text-align: left;
     background: lightgrey;
     z-index: 1;
+
+    /* TODO: transition? ⚠ display: block */
+
+    /* overflow: hidden; */
+    /* max-height: 0; */
+    /* transition: max-height 0.5s; */
+
+    /* transform: scaleY(0); */
+    /* transform-origin: top; */
+    /* transition: transform 0.5s; */
+
 }
 nav li.dropdown:hover ul {
     display: block;
-    text-align: left;
+    /* TODO: transition? ⚠ redundant display: block */
+    /* max-height: 100vh; */
+    /* transform: scaleY(1); */
 }
-nav li:hover ul li {
+nav li.dropdown > ul > li {
     list-style-type: none;
 }
 nav li.dropdown > ul > li:hover {
-- 
cgit v1.2.3