commit 7dd251dbdf3cc77a4befec02199750e6ce976019 parent 2781226ff8e55322c1941742efddbcd6d64b239c Author: Kévin Le Gouguec <kevin.legouguec@gmail.com> Date: Mon, 28 Dec 2020 21:28:36 +0100 Note down possible transitions for dropdown menu Also move some attributes around. Diffstat:
| M | commun.css | | | 18 | ++++++++++++++++-- |
1 file changed, 16 insertions(+), 2 deletions(-)
diff --git 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 {