truncate title in case of two or three columns; expand title on hover

1 files changed, 6 insertions, 0 deletions

diff --git a/static/css/style.css b/static/css/style.css
index 375cd24..40f6622 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -50,6 +50,12 @@ main { margin-bottom: 15px; }
 }
 @media (min-width: 715px) {
   .list section { max-width: calc(50% - 15px); }
+  .article-list h1 {
+    overflow-x: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+  .article-list h1:hover { white-space: inherit; }
 }
 @media (min-width: 1080px) {
   .list section { max-width: calc(33.33333% - 15px); }