feat: Mobiles Menü gefixt, nach der Einführunge des JS-Dropdown.
This commit is contained in:
parent
4fd01e2eca
commit
db367e8c34
@ -1919,25 +1919,41 @@ footer {
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
top: 6.5rem;
|
top: 6.5rem;
|
||||||
right: 0;
|
right: 0;
|
||||||
border-top: 2px solid var(--wtf-nearly-black);
|
border-top: 1px solid var(--wtf-grey);
|
||||||
border-left: 2px solid var(--wtf-nearly-black);
|
border-left: 1px solid var(--wtf-grey);
|
||||||
border-bottom: 2px solid var(--wtf-nearly-black);
|
border-bottom: 1px solid var(--wtf-grey);
|
||||||
background-color: var(--wtf-light-grey);
|
background-color: var(--wtf-light-grey);
|
||||||
|
opacity: 97%;
|
||||||
box-shadow: 5px 0px 15px 5px rgba(0, 0, 0, 0.25);
|
box-shadow: 5px 0px 15px 5px rgba(0, 0, 0, 0.25);
|
||||||
}
|
}
|
||||||
|
|
||||||
.primary_nav__navitem {
|
.primary_nav__navitem {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 1rem 1rem 1rem 1.5rem;
|
padding: 1rem 1rem 0.5rem 1.5rem;
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.primary_nav__navlink {
|
.primary_nav__navlink,
|
||||||
color: var(--wtf-nearly-black)
|
.primary_nav__sub_navlink {
|
||||||
|
color: var(--wtf-nearly-black);
|
||||||
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
.primary_nav__navlink:hover {
|
.primary_nav__navlink:hover,
|
||||||
|
.primary_nav__sub_navlink:hover {
|
||||||
color: var(--wtf-mid-grey);
|
color: var(--wtf-mid-grey);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.primary_nav__sub_navlist,
|
||||||
|
.primary_nav__sub_navlist.-open,
|
||||||
|
.primary_nav__sub_navlist.-closed {
|
||||||
|
display: block;
|
||||||
|
margin: 0.25rem 0 0.75rem 0.75rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.primary_nav__sub_navitem {
|
||||||
|
padding: 0.25rem 0.5rem;
|
||||||
}
|
}
|
||||||
/* mobile nav - Ende */
|
/* mobile nav - Ende */
|
||||||
|
|
||||||
|
@ -13,8 +13,16 @@
|
|||||||
{% for title, mapping in bag("navigation").items() %}
|
{% for title, mapping in bag("navigation").items() %}
|
||||||
{% if mapping.visible|default(true) %}
|
{% if mapping.visible|default(true) %}
|
||||||
<li id="{{ mapping.slug }}" class="primary_nav__navitem">
|
<li id="{{ mapping.slug }}" class="primary_nav__navitem">
|
||||||
|
{%if not mapping.list_childs %}
|
||||||
|
<a class="primary_nav__navlink {% if this._path == mapping.href or
|
||||||
|
this._path in mapping['items'].values() or
|
||||||
|
title == 'Aktuelles' and
|
||||||
|
('blog' in this._path or 'podcast' in this._path)
|
||||||
|
%}-active{% endif %}" href="{{ mapping.href|url }}">
|
||||||
|
{{ title }}
|
||||||
|
</a>
|
||||||
|
{% elif mapping.list_childs %}
|
||||||
<span>{{ title }}</span>
|
<span>{{ title }}</span>
|
||||||
{% if mapping.list_childs %}
|
|
||||||
<ul class="primary_nav__sub_navlist -closed">
|
<ul class="primary_nav__sub_navlist -closed">
|
||||||
<li class="primary_nav__sub_navitem">
|
<li class="primary_nav__sub_navitem">
|
||||||
<a class="primary_nav__sub_navlink {% if this._path == mapping.href or
|
<a class="primary_nav__sub_navlink {% if this._path == mapping.href or
|
||||||
|
Loading…
Reference in New Issue
Block a user