on affine la mise en page

This commit is contained in:
Jean-Marie Favreau 2024-08-21 12:09:03 +02:00
parent 3fa8ac2b14
commit cb889df131
3 changed files with 62 additions and 33 deletions

View File

@ -103,6 +103,9 @@ nav a:hover>.action {
details {
border-bottom: 0;
}
details summary[role="button"] {
color: var(--primary-inverse);
}
details[role="list"] summary + ul li.selected>a{
background: $primary-600;
@ -344,6 +347,8 @@ article form label {
article#filters {
margin-bottom: 0;
padding-bottom: 0.2em;
margin-top: 0.4em;
padding-top: 0.6em;
.buttons-filter {
float: right;
@ -510,16 +515,41 @@ nav>div {
float: left;
top: 0;
left: 0;
width: auto;
padding-right: 4em;
max-width: 80%;
padding-right: 0;
max-width: 70%;
padding-top: 0.2em;
li {
padding: 0.7em;
font-size: 75%;
padding: 0.1em 0;
.soustitre {
font-size: 60%;
font-style: italic;
}
img {
font-size: 130%;
height: 2em;
}
}
li:first-child {
padding: 0.2em 0.5em;
}
@media only screen and (min-width: 380px) {
max-width: 80%;
li {
font-size: 85%;
img {
font-size: 110%;
}
}
}
@media only screen and (min-width: 992px) {
li:first-child {
padding: 0.5em 0.5em;
}
}
}
ul, div {
@ -584,7 +614,7 @@ nav>div {
cursor: pointer;
display: block;
float: right;
padding: 10px 20px;
padding: 7px 10px 3px 20px;
position: relative;
user-select: none;
font-size: 24px;
@ -981,7 +1011,3 @@ table .buttons {
}
}
.soustitre {
margin-top: -1.5em;
margin-left: 0.5em;
}

View File

@ -3,7 +3,7 @@
<article id="filters">
<details>
<summary role="button" class="contrast outline">
<summary role="button" class="outline secondary">
{% if filter.is_active %}
Filtre&nbsp;:
{% for c in filter.get_categories %}

View File

@ -47,28 +47,31 @@
</a>
</li>
<li>
{% if perms.agenda_culturel.add_event %}
<a class="badge simple" href="{% url 'add_event_urls' %}">{% picto_from_name "plus-circle" %} {% picto_from_name "calendar" %}</a>
{% endif %}
{% if perms.agenda_culturel.view_recurrentimport %}
{% show_badge_failed_rimports "bottom" %}
{% endif %}
{% if perms.agenda_culturel.change_event %}
{% show_badges_events "bottom" %}
{% endif %}
{% if perms.agenda_culturel.change_duplicatedevents %}
{% show_badge_duplicated "bottom" %}
{% endif %}
{% if perms.agenda_culturel.change_place and perms.agenda_culturel.change_event %}
{% show_badge_unknown_places "bottom" %}
{% endif %}
{% if perms.agenda_culturel.view_contactmessage %}
{% show_badge_contactmessages "bottom" %}
{% endif %}
{% if user.is_authenticated %}
{{ user.username }} @
{% endif %}
<a href="{% url 'home' %}" aria-label="Retour accueil">Pommes de lune</a>
<div>
{% if perms.agenda_culturel.add_event %}
<a class="badge simple" href="{% url 'add_event_urls' %}">{% picto_from_name "plus-circle" %} {% picto_from_name "calendar" %}</a>
{% endif %}
{% if perms.agenda_culturel.view_recurrentimport %}
{% show_badge_failed_rimports "bottom" %}
{% endif %}
{% if perms.agenda_culturel.change_event %}
{% show_badges_events "bottom" %}
{% endif %}
{% if perms.agenda_culturel.change_duplicatedevents %}
{% show_badge_duplicated "bottom" %}
{% endif %}
{% if perms.agenda_culturel.change_place and perms.agenda_culturel.change_event %}
{% show_badge_unknown_places "bottom" %}
{% endif %}
{% if perms.agenda_culturel.view_contactmessage %}
{% show_badge_contactmessages "bottom" %}
{% endif %}
{% if user.is_authenticated %}
{{ user.username }} @
{% endif %}
<a href="{% url 'home' %}" aria-label="Retour accueil">Pommes de lune</a>
</div>
<div class="soustitre">Événements culturels à Clermont-Ferrand et aux environs</div>
</li>
</ul>
</nav>