From c4f9868a6bb6c28cd406c15233f786d4dd998ca7 Mon Sep 17 00:00:00 2001 From: jeffvli Date: Thu, 21 Sep 2023 17:52:14 -0700 Subject: [PATCH] Revert library header line clamp to 2 lines (#215) --- .../components/library-header.module.scss | 19 ++++++++++--------- 1 file changed, 10 insertions(+), 9 deletions(-) diff --git a/src/renderer/features/shared/components/library-header.module.scss b/src/renderer/features/shared/components/library-header.module.scss index 14026834..9fe3258a 100644 --- a/src/renderer/features/shared/components/library-header.module.scss +++ b/src/renderer/features/shared/components/library-header.module.scss @@ -26,7 +26,7 @@ grid-template-columns: 175px minmax(0, 1fr); h1 { - font-size: 4.5rem; + font-size: 3rem; } .image { @@ -44,7 +44,7 @@ grid-template-columns: 200px minmax(0, 1fr); h1 { - font-size: 5rem; + font-size: 3.5rem; } .image { @@ -62,7 +62,7 @@ grid-template-columns: 225px minmax(0, 1fr); h1 { - font-size: 6rem; + font-size: 4.5rem; } .image { @@ -80,7 +80,7 @@ grid-template-columns: 250px minmax(0, 1fr); h1 { - font-size: 6.5rem; + font-size: 5rem; } .image { @@ -96,7 +96,7 @@ @container (min-width: 1500px) { h1 { - font-size: 7rem; + font-size: 5.5rem; } } } @@ -145,10 +145,11 @@ } .title { + display: -webkit-box; overflow: hidden; color: var(--main-fg); - font-size: 3.5rem; - line-height: 1.15; - white-space: nowrap; - text-overflow: ellipsis; + font-size: 2rem; + line-height: 1.2; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; }