feat: add date next to search result headlines

Shows the localized date on the right for search results.
fsr-de · Feb 13, 2024 · 1adee71 · 1adee71
1 parent f92f893
commit 1adee71
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 3 deletions.
diff --git a/myhpi/search/templates/search/search_result.html b/myhpi/search/templates/search/search_result.html
@@ -3,7 +3,12 @@
 
 <a href="{% pageurl result %}">
     <div class="search-result">
-        <h5>{{ result.title }}</h5>
+        <hgroup>
+            <h5>{{ result.title }}</h5>
+            <time datetime="{{ result.first_published_at|date:"c" }}">
+                {{ result.first_published_at|date:"SHORT_DATE_FORMAT" }}
+            </time>
+        </hgroup>
         <span class="text-dark">
             {% if result.search_description %}
                 {{ result.search_description }}
@@ -12,4 +17,4 @@ <h5>{{ result.title }}</h5>
             {% endif %}
         </span>
     </div>
-</a>
+</a>
diff --git a/myhpi/static/scss/myHPI.scss b/myhpi/static/scss/myHPI.scss
@@ -170,6 +170,15 @@ h1.toc-title::after {
     margin: -0.5rem -0.8rem;
 
     .search-result {
+        hgroup {
+          display: flex;
+          justify-content: space-between;
+
+          h5 {
+            hyphens: auto;
+          }
+        }
+
         transition: all 0.25s;
 
         padding: 0.5rem 0.8rem;
@@ -275,4 +284,4 @@ h1.toc-title::after {
         margin-top: 50px;
         order: 3;
     }
-}
+}