more cartouche lisibility improvements: concernement title ellipsis on scroll #2325

2024-01-15 15:18:57 +01:00
parent 8b79c2312b
commit cc49b939d0
2 changed files with 11 additions and 1 deletions
--- a/src/assets/main.scss
+++ b/src/assets/main.scss
@@ -288,6 +288,16 @@ body{
            //   font-weight: 100;
            // }
            padding-bottom: 0.5em;
+            overflow: hidden;
+            display: -webkit-box;
+            -webkit-box-orient: vertical;
+            -webkit-line-clamp: 20;
+            max-height: 20em;
+            transition: -webkit-line-clamp 0.5s ease-in-out, max-height 0.5s ease-in-out;
+            &.ellipsed{
+              max-height: 2em;
+              -webkit-line-clamp: 2;
+            }
          }
          // nav.icons{
          //   ul{