From 7841fed17d6484b622ee873bfb980820a9dccec7 Mon Sep 17 00:00:00 2001
From: bkfox <thomas bkfox net>
Date: Thu, 11 Apr 2024 00:33:05 +0200
Subject: [PATCH] preview.tiny; dashboard list order

---
 aircox/static/aircox/css/chunk-common.css     |  5 +++
 aircox/static/aircox/css/public.css           |  5 +++
 .../templates/aircox/dashboard/dashboard.html | 35 ++++++++++---------
 assets/src/styles/components.scss             |  7 +++-
 4 files changed, 34 insertions(+), 18 deletions(-)

diff --git a/aircox/static/aircox/css/chunk-common.css b/aircox/static/aircox/css/chunk-common.css
index a12a3f9..b4f3540 100644
--- a/aircox/static/aircox/css/chunk-common.css
+++ b/aircox/static/aircox/css/chunk-common.css
@@ -172,8 +172,13 @@
 .preview.tiny .title {
   font-size: calc(var(--preview-title-sz) * 0.8);
 }
+.preview.tiny .subtitle {
+  font-size: calc(var(--preview-subtitle-sz) * 0.8);
+}
 .preview.tiny .content {
   font-size: 1rem;
+  max-height: 3rem;
+  overflow: hidden;
 }
 
 .preview-cover {
diff --git a/aircox/static/aircox/css/public.css b/aircox/static/aircox/css/public.css
index d54bbf6..b35679c 100644
--- a/aircox/static/aircox/css/public.css
+++ b/aircox/static/aircox/css/public.css
@@ -172,8 +172,13 @@
 .preview.tiny .title {
   font-size: calc(var(--preview-title-sz) * 0.8);
 }
+.preview.tiny .subtitle {
+  font-size: calc(var(--preview-subtitle-sz) * 0.8);
+}
 .preview.tiny .content {
   font-size: 1rem;
+  max-height: 3rem;
+  overflow: hidden;
 }
 
 .preview-cover {
diff --git a/aircox/templates/aircox/dashboard/dashboard.html b/aircox/templates/aircox/dashboard/dashboard.html
index 05c422a..cdfe29f 100644
--- a/aircox/templates/aircox/dashboard/dashboard.html
+++ b/aircox/templates/aircox/dashboard/dashboard.html
@@ -15,36 +15,37 @@
 {% block content-container %}
 <section class="container grid-2 gap-4">
     <div>
-        <h2 class="title is-2">{% 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 %}
-            <div>{% translate "No diffusion to come" %}</div>
-            {% endfor %}
-        </div>
-
-    </div>
-
-    <div>
-        <h2 class="title is-2">{% translate "Next diffusions" %}</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 next_diffs|slice:"0:25" %}
             {% page_widget "item" object.episode diffusion=object timetable=True admin=True is_tiny=True %}
             {% empty %}
-            <div>{% translate "No diffusion to come" %}</div>
+            <div>{% translate "No diffusion to display" %}</div>
             {% endfor %}
         </div>
     </div>
 
+    {% if comments %}
     <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;">
             {% for object in comments|slice:"0:25" %}
             {% 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 %}
-            <div>{% translate "No diffusion to come" %}</div>
+            <div>{% translate "No program to display" %}</div>
             {% endfor %}
         </div>
-    </div></section>
+    </div>
+
+</section>
 {% endblock %}
diff --git a/assets/src/styles/components.scss b/assets/src/styles/components.scss
index 40bce1e..f77354d 100644
--- a/assets/src/styles/components.scss
+++ b/assets/src/styles/components.scss
@@ -262,7 +262,12 @@
 
     &.tiny {
         .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;
+        }
     }
 
 }