fix(typography): long string for update-list is not truncated (#1050)

Resolves #1049
cotes2020 · May 18, 2023 · a51d31c · a51d31c
1 parent eb40f51
commit a51d31c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 15 deletions.
diff --git a/_includes/update-list.html b/_includes/update-list.html
@@ -1,6 +1,4 @@
-{% comment %}
-  Get the last 5 posts from lastmod list.
-{% endcomment %}
+<!-- Get the last 5 posts from lastmod list. -->
 
 {% assign MAX_SIZE = 5 %}
 
@@ -26,12 +24,12 @@
 {% if update_list.size > 0 %}
   <div id="access-lastmod" class="post">
     <div class="panel-heading">{{- site.data.locales[include.lang].panel.lastmod -}}</div>
-    <ul class="post-content ps-0 pb-1 ms-1 mt-2">
+    <ul class="post-content list-unstyled ps-0 pb-1 ms-1 mt-2">
       {% for item in update_list %}
         {% assign index = item | split: '::' | last | plus: 0 %}
         {% assign post = site.posts[index] %}
         {% assign url = post.url | relative_url %}
-        <li>
+        <li class="text-truncate lh-lg">
           <a href="{{ url }}">{{ post.title }}</a>
         </li>
       {% endfor %}

diff --git a/_sass/addon/commons.scss b/_sass/addon/commons.scss
@@ -255,16 +255,6 @@ i {
 }
 
 #access-lastmod {
-  li {
-    height: 1.8rem;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-line-clamp: 1;
-    -webkit-box-orient: vertical;
-    list-style: none;
-  }
-
   a {
     &:hover {
       @extend %link-hover;