mam/mamweb
11
0
Fork 0
Code Issues Pull requests 8 Projects Wiki Activity Actions

menu ve dvou řádcích

Browse source
This commit is contained in:
Kateřina Čížková 2019-11-20 23:45:05 +01:00
parent 72ab2d9397
commit 14304132db
3 changed files with 33 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
mamweb/static/css/mamweb.css
View file

@ -267,6 +267,7 @@ img.decor { /*todo bug při zmenšování okna */
ul.row-menu { ul.row-menu {
background-color: green; background-color: green;
display: inline-block;
} }
div.menu-item { div.menu-item {
@ -274,18 +275,40 @@ div.menu-item {
background-color: yellow; background-color: yellow;
} }
li.active {
div.menu-item li.active {
background-color: black; background-color: black;
} }
ul.row-submenu { ul.row-menu li {
background-color: green;
display: inline-block; display: inline-block;
border-radius: 0px;
padding: 6px 0px 0px 0px;
width: 16.66%;
min-width: 140px;
text-align: center;
font-size: 140%;
font-weight: 400;
font-variant: small-caps;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
ul.row-submenu {
position: absolute;
left: -400px;
} }
div.submenu.active { ul.row-submenu li {
display: block; background-color: red;
} padding: 0px;
min-width: 100px;
font-size:80%;
display: inline-block;
}
/* konec testování nového menu */ /* konec testování nového menu */

4
mamweb/templates/menu.html
View file

@ -4,11 +4,11 @@
<div class="menu-item"> <div class="menu-item">
<li class="{% if item.has_children %}dropdown{% endif %} {% if item.is_current or item.in_current_branch %}active{% endif %}" > <li class="{% if item.has_children %}dropdown{% endif %} {% if item.is_current or item.in_current_branch %}active{% endif %}" >
<a href="{% if item.has_children %}#{% else %}{% sitetree_url for item %}{% endif %}" {% if item.has_children %} class="dropdown-toggle" data-toggle="dropdown" {% endif %}> <a href="{% sitetree_url for item %}" >
{{ item.title_resolved }} {{ item.title_resolved }}
</a> </a>
<div class="submenu"> <div class="submenu">
{% if item.has_children %} {% if item.is_current or item.in_current_branch %}
<div class="submenu active"> <div class="submenu active">
{% sitetree_children of item for menu template "submenu.html" %} {% sitetree_children of item for menu template "submenu.html" %}
</div> </div>

2
mamweb/templates/submenu.html
View file

@ -1,4 +1,5 @@
{% load sitetree %} {% load sitetree %}
<div class="submenu">
<ul class="row-submenu"> <ul class="row-submenu">
{% for item in sitetree_items %} {% for item in sitetree_items %}
<li {% if item.is_current or item.in_current_branch %}class="active"{% endif %}> <li {% if item.is_current or item.in_current_branch %}class="active"{% endif %}>
@ -6,3 +7,4 @@
</li> </li>
{% endfor %} {% endfor %}
</ul> </ul>
</div>