preview.tiny; dashboard list order

This commit is contained in:
bkfox 2024-04-11 00:33:05 +02:00
parent 1bd4e03f02
commit 7841fed17d
4 changed files with 34 additions and 18 deletions

View File

@ -172,8 +172,13 @@
.preview.tiny .title { .preview.tiny .title {
font-size: calc(var(--preview-title-sz) * 0.8); font-size: calc(var(--preview-title-sz) * 0.8);
} }
.preview.tiny .subtitle {
font-size: calc(var(--preview-subtitle-sz) * 0.8);
}
.preview.tiny .content { .preview.tiny .content {
font-size: 1rem; font-size: 1rem;
max-height: 3rem;
overflow: hidden;
} }
.preview-cover { .preview-cover {

View File

@ -172,8 +172,13 @@
.preview.tiny .title { .preview.tiny .title {
font-size: calc(var(--preview-title-sz) * 0.8); font-size: calc(var(--preview-title-sz) * 0.8);
} }
.preview.tiny .subtitle {
font-size: calc(var(--preview-subtitle-sz) * 0.8);
}
.preview.tiny .content { .preview.tiny .content {
font-size: 1rem; font-size: 1rem;
max-height: 3rem;
overflow: hidden;
} }
.preview-cover { .preview-cover {

View File

@ -15,36 +15,37 @@
{% block content-container %} {% block content-container %}
<section class="container grid-2 gap-4"> <section class="container grid-2 gap-4">
<div> <div>
<h2 class="title is-2">{% translate "Programs" %}</h2> <h2 class="title is-2 mb-3">{% translate "Next diffusions" %}</h2>
<div class="box box-shadow p-3" style="max-height: 35rem; overflow-y:auto;">
{% for object in programs %}
{% page_widget "item" object admin=True is_tiny=True %}
{% empty %}
<div>{% translate "No diffusion to come" %}</div>
{% endfor %}
</div>
</div>
<div>
<h2 class="title is-2">{% translate "Next diffusions" %}</h2>
<div class="box box-shadow p-3" style="max-height: 35rem; overflow-y:auto;"> <div class="box box-shadow p-3" style="max-height: 35rem; overflow-y:auto;">
{% for object in next_diffs|slice:"0:25" %} {% for object in next_diffs|slice:"0:25" %}
{% page_widget "item" object.episode diffusion=object timetable=True admin=True is_tiny=True %} {% page_widget "item" object.episode diffusion=object timetable=True admin=True is_tiny=True %}
{% empty %} {% empty %}
<div>{% translate "No diffusion to come" %}</div> <div>{% translate "No diffusion to display" %}</div>
{% endfor %} {% endfor %}
</div> </div>
</div> </div>
{% if comments %}
<div> <div>
<h2 class="title is-2">{% translate "Last Comments" %}</h2> <h2 class="title is-2 mb-3">{% translate "Last Comments" %}</h2>
<div class="box box-shadow p-3" style="max-height: 35rem; overflow-y:auto;"> <div class="box box-shadow p-3" style="max-height: 35rem; overflow-y:auto;">
{% for object in comments|slice:"0:25" %} {% for object in comments|slice:"0:25" %}
{% page_widget "item" object admin=True is_tiny=True %} {% page_widget "item" object admin=True is_tiny=True %}
{% endfor %}
</div>
</div>
{% endif %}
<div>
<h2 class="title is-2 mb-3">{% translate "Programs" %}</h2>
<div class="box box-shadow p-3" style="max-height: 35rem; overflow-y:auto;">
{% for object in programs %}
{% page_widget "item" object admin=True is_tiny=True %}
{% empty %} {% empty %}
<div>{% translate "No diffusion to come" %}</div> <div>{% translate "No program to display" %}</div>
{% endfor %} {% endfor %}
</div> </div>
</div></section> </div>
</section>
{% endblock %} {% endblock %}

View File

@ -262,7 +262,12 @@
&.tiny { &.tiny {
.title { font-size: calc(var(--preview-title-sz) * 0.8); } .title { font-size: calc(var(--preview-title-sz) * 0.8); }
.content { font-size: v.$text-size; } .subtitle { font-size: calc(var(--preview-subtitle-sz) * 0.8); }
.content {
font-size: v.$text-size;
max-height: 3rem;
overflow: hidden;
}
} }
} }