publik-famille-demo: remove template variants (#68018)
This commit is contained in:
parent
fd3dccc629
commit
9b9fe978f3
|
@ -68,6 +68,7 @@ h1#logo.has-logo {
|
||||||
max-width: none;
|
max-width: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#nav {
|
#nav {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
@ -79,12 +80,14 @@ h1#logo.has-logo {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
transition: top 400ms;
|
transition: top 400ms;
|
||||||
|
|
||||||
@media ($max-mobile-viewport) {
|
@media ($max-mobile-viewport) {
|
||||||
body:not(.scrolled) & {
|
body:not(.scrolled) & {
|
||||||
top: $mobile-top-links-height;
|
top: $mobile-top-links-height;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
div.gru-nav {
|
div.gru-nav {
|
||||||
.gru-nav-button {
|
.gru-nav-button {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
@ -111,24 +114,6 @@ div.gru-nav {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.pf-menu-item {
|
|
||||||
&--image {
|
|
||||||
width: 160px;
|
|
||||||
height: 160px;
|
|
||||||
background: white;
|
|
||||||
border-radius: $border-radius;
|
|
||||||
padding: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
&--title {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover &--title {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.pf-page-header {
|
.pf-page-header {
|
||||||
&--default {
|
&--default {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
|
@ -1,55 +0,0 @@
|
||||||
{% load i18n %}
|
|
||||||
{% block cell-content %}
|
|
||||||
{% load assets %}
|
|
||||||
{% spaceless %}
|
|
||||||
{% block cell-header %}
|
|
||||||
{% if title %}<h2>{{ title }}</h2>{% endif %}
|
|
||||||
{% include "combo/asset_picture_fragment.html" %}
|
|
||||||
{% endblock cell-header %}
|
|
||||||
<div class="links-list">
|
|
||||||
{% block cell-top-content %}{% endblock cell-top-content %}
|
|
||||||
<ul>
|
|
||||||
{% for link in links %}
|
|
||||||
<li class="{{ link.css_classes|default:""|join:" " }}{% if link.cell.extra_css_class %} {{ link.cell.extra_css_class }}{% endif %}"
|
|
||||||
{% if link.cell.link_page.picture %}
|
|
||||||
style="--pf-icon-picture: url({{ link.cell.link_page.picture.url }})"
|
|
||||||
{% endif %}
|
|
||||||
>
|
|
||||||
<a href="{{ link.url }}">
|
|
||||||
{{ link.title }}
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endfor %}
|
|
||||||
{% if more_links %}
|
|
||||||
<li class="add-more-items">
|
|
||||||
<a role="button"
|
|
||||||
tabindex="0"
|
|
||||||
aria-expanded="false"
|
|
||||||
aria-controls="more-items-{{ cell.get_reference }}"
|
|
||||||
aria-label="{% trans 'More items' %}"
|
|
||||||
id="btn-more-items-{{ cell.get_reference }}"
|
|
||||||
class="add-more-items--button">
|
|
||||||
{% block cell-more-items-btn-label %}+{% endblock %}
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endif %}
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
{% if more_links %}
|
|
||||||
<ul style="display: none" class="more-items" id="more-items-{{ cell.get_reference }}" aria-labelledby="btn-more-items-{{ cell.get_reference }}">
|
|
||||||
{% for link in more_links %}
|
|
||||||
<li class="{{ link.css_classes|default:""|join:" " }}{% if link.cell.extra_css_class %} {{ link.cell.extra_css_class }}{% endif %}"
|
|
||||||
{% if link.cell.link_page.picture %}
|
|
||||||
style="--pf-icon-picture: url({{ link.cell.link_page.picture.url }})"
|
|
||||||
{% endif %}
|
|
||||||
>
|
|
||||||
<a href="{{ link.url }}">
|
|
||||||
{{ link.title }}
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endfor %}
|
|
||||||
{% endif %}
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
{% endspaceless %}
|
|
||||||
{% endblock %}
|
|
|
@ -1,23 +0,0 @@
|
||||||
{% load i18n %}
|
|
||||||
{% load assets %}
|
|
||||||
|
|
||||||
{% if menuitems %}
|
|
||||||
<ul class="pf-menu--items">
|
|
||||||
{% spaceless %}
|
|
||||||
{% for item in menuitems %}
|
|
||||||
<li data-menu-page-id="{{ item.page.id }}" class="menu-{{ item.page.slug }} {% if item.selected %}selected{% endif %}">
|
|
||||||
<a {% if item.selected %}title="{{ item.page.title }} - {% trans "active page" %}"{% endif %} href="{% page_absolute_url item.page %}">
|
|
||||||
<span class="pf-menu-item">
|
|
||||||
{% if item.page.picture %}
|
|
||||||
<img class="pf-menu-item--image" src="{{item.page.picture.url}}"></img>
|
|
||||||
{% endif %}
|
|
||||||
<div class="pf-menu-item--title">
|
|
||||||
{{ item.page.title }}
|
|
||||||
</div>
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endfor %}
|
|
||||||
{% endspaceless %}
|
|
||||||
</ul>
|
|
||||||
{% endif %}
|
|
Loading…
Reference in New Issue