add support for submenus (#53208)

This commit is contained in:
Frédéric Péters 2021-06-06 15:26:42 +02:00
parent a321afde04
commit 8a679ee7a9
2 changed files with 34 additions and 2 deletions

View File

@ -100,7 +100,39 @@ ul li:before {
}
#menu ul li a:hover {
border-bottom: 1px dotted #ccf;
border-bottom: 1px dotted #008;
}
#menu ul li ul {
display: none;
position: absolute;
z-index: 1000;
margin-left: -1rem;
}
#menu ul li ul li {
display: block;
margin-right: 0;
}
#menu ul li ul li:first-child {
padding-top: 1rem;
}
#menu ul li ul li a {
display: block;
background: white;
padding: 0.5rem 1rem;
border-bottom: 1px solid white;
}
#menu ul li ul li a:hover {
background: #eee;
border-bottom: 1px solid white;
}
#menu ul li:hover ul {
display: block;
}
div.textcell.intro {

View File

@ -21,7 +21,7 @@
<body class="page-{{ page.slug }}">
<div class="container">
<div id="title"><a href="/"><img height="100" width="274" src="{{ STATIC_URL }}img/logo-publik.png"/></a></div>
<div id="menu">{% block menu %}{% show_menu %}{% endblock %}</div>
<nav id="menu">{% block menu %}{% show_menu depth=2 %}{% endblock %}</div>
</div>
<div id="content">
{% block combo-content %}