ui: optimize post title display

XPoet · Sep 7, 2023 · 212d638 · 212d638
1 parent d78f98a
commit 212d638
Show file tree

Hide file tree

Showing 2 changed files with 225 additions and 198 deletions.
diff --git a/layout/article-content.ejs b/layout/article-content.ejs
@@ -5,7 +5,7 @@
 
             <% if (page?.cover) { %>
                 <div class="article-content-top border-box">
-                    <div class="cover-article-title text-ellipsis">
+                    <div class="cover-article-title">
                         <%= page.title %>
                     </div>
                     <img class="post-cover" src="<%= page.cover %>" alt="<%= page.title %>">
@@ -15,7 +15,7 @@
             <div class="article-content-bottom border-box<%= page?.cover ? ' has-cover' : '' %>">
                 <% if (!page?.cover) { %>
                     <div class="article-title">
-                        <span class="title-hover-animation"><%= page.title %></span>
+                        <%= page.title %>
                     </div>
                 <% } %>
 
@@ -84,14 +84,15 @@
                                 <a class="prev"
                                    rel="prev"
                                    href="<%= url_for(page.prev.path) %>"
+                                   title="<%= page.prev.title %>"
                                 >
-                            <span class="left arrow-icon flex-center">
-                              <i class="fas fa-chevron-left"></i>
-                            </span>
-                                    <span class="title flex-center">
-                                <span class="post-nav-title-item text-ellipsis"><%= page.prev.title %></span>
-                                <span class="post-nav-item"><%= __('prev_posts') %></span>
-                            </span>
+                                    <span class="left arrow-icon flex-center">
+                                      <i class="fas fa-chevron-left"></i>
+                                    </span>
+                                            <span class="title flex-center">
+                                        <span class="post-nav-title-item text-ellipsis"><%= page.prev.title %></span>
+                                        <span class="post-nav-item"><%= __('prev_posts') %></span>
+                                    </span>
                                 </a>
                             </div>
                         <% } %>
@@ -100,14 +101,15 @@
                                 <a class="next"
                                    rel="next"
                                    href="<%= url_for(page.next.path) %>"
+                                   title="<%= page.next.title %>"
                                 >
-                            <span class="title flex-center">
-                                <span class="post-nav-title-item text-ellipsis"><%= page.next.title %></span>
-                                <span class="post-nav-item"><%= __('next_posts') %></span>
-                            </span>
-                                    <span class="right arrow-icon flex-center">
-                              <i class="fas fa-chevron-right"></i>
-                            </span>
+                                    <span class="title flex-center">
+                                        <span class="post-nav-title-item text-ellipsis"><%= page.next.title %></span>
+                                        <span class="post-nav-item"><%= __('next_posts') %></span>
+                                    </span>
+                                            <span class="right arrow-icon flex-center">
+                                      <i class="fas fa-chevron-right"></i>
+                                    </span>
                                 </a>
                             </div>
                         <% } %>