jmtrivial/agenda_culturel
4
4
Fork 0
Code Issues 80 Pull Requests 1 Projects 1 Releases Wiki Activity

on affine la mise en page

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
src/agenda_culturel/static/style.scss
View File

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

2
src/agenda_culturel/templates/agenda_culturel/filter-inc.html
View File

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

47
src/agenda_culturel/templates/agenda_culturel/page.html
View File

@ -47,28 +47,31 @@
</a> </a>
</li> </li>
<li> <li>
{% if perms.agenda_culturel.add_event %} <div>
<a class="badge simple" href="{% url 'add_event_urls' %}">{% picto_from_name "plus-circle" %} {% picto_from_name "calendar" %}</a> {% if perms.agenda_culturel.add_event %}
{% endif %} <a class="badge simple" href="{% url 'add_event_urls' %}">{% picto_from_name "plus-circle" %} {% picto_from_name "calendar" %}</a>
{% if perms.agenda_culturel.view_recurrentimport %} {% endif %}
{% show_badge_failed_rimports "bottom" %} {% if perms.agenda_culturel.view_recurrentimport %}
{% endif %} {% show_badge_failed_rimports "bottom" %}
{% if perms.agenda_culturel.change_event %} {% endif %}
{% show_badges_events "bottom" %} {% if perms.agenda_culturel.change_event %}
{% endif %} {% show_badges_events "bottom" %}
{% if perms.agenda_culturel.change_duplicatedevents %} {% endif %}
{% show_badge_duplicated "bottom" %} {% if perms.agenda_culturel.change_duplicatedevents %}
{% endif %} {% show_badge_duplicated "bottom" %}
{% if perms.agenda_culturel.change_place and perms.agenda_culturel.change_event %} {% endif %}
{% show_badge_unknown_places "bottom" %} {% if perms.agenda_culturel.change_place and perms.agenda_culturel.change_event %}
{% endif %} {% show_badge_unknown_places "bottom" %}
{% if perms.agenda_culturel.view_contactmessage %} {% endif %}
{% show_badge_contactmessages "bottom" %} {% if perms.agenda_culturel.view_contactmessage %}
{% endif %} {% show_badge_contactmessages "bottom" %}
{% if user.is_authenticated %} {% endif %}
{{ user.username }} @ {% if user.is_authenticated %}
{% endif %} {{ user.username }} @
<a href="{% url 'home' %}" aria-label="Retour accueil">Pommes de lune</a> {% 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> </li>
</ul> </ul>
</nav> </nav>