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 { #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 { div.textcell.intro {

View File

@ -21,7 +21,7 @@
<body class="page-{{ page.slug }}"> <body class="page-{{ page.slug }}">
<div class="container"> <div class="container">
<div id="title"><a href="/"><img height="100" width="274" src="{{ STATIC_URL }}img/logo-publik.png"/></a></div> <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>
<div id="content"> <div id="content">
{% block combo-content %} {% block combo-content %}