Updated blog navbar dropdown, blogs no longer wrap to next line.

Changed the date format (removed year) so that the date does not wrap. Truncated the text of the blog titles so that the titles do not wrap. The style of the date in the blogtable was also modified to set the width of that element to 80px. This forces it to not wrap. Signed-off-by: kaimmej <[email protected]>
opensearch-project · Dec 5, 2024 · e370496 · e370496
1 parent b61bcda
commit e370496
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/_includes/navbar.html b/_includes/navbar.html
@@ -357,11 +357,11 @@ <h2 class="accordion-header row">
                                                 {% assign post_metadata_date_string = "" %}
 
                                                 <!-- Date -->
-                                                {% assign post_metadata_date_string = post_metadata_date_string | append: post.date | date: "%b %d, %Y" %}
+                                                {% assign post_metadata_date_string = post_metadata_date_string | append: post.date | date: "%b %d" %}
 
 
                                                 <tr>
-                                                    <td scope="row"><a class="megamenu-blog-title" href="{{  post.url }}" >{{ post.title }}</a></td>
+                                                    <td ><a class="megamenu-blog-title" href="{{  post.url }}" >{{ post.title | truncate: 80 }}</a></td>
                                                     <td class="megamenu-blog-date">{{ post_metadata_date_string }}</td>
                                                 </tr>
 

diff --git a/_sass/_navbar.scss b/_sass/_navbar.scss
@@ -415,6 +415,7 @@
             height: 100px;
         }
         .megamenu-blog-date {
+            width: 80px;
             color: #193442;
             font-size: 18px;
             font-weight: 400;