From d9d891ab1563c5ab11966a4e11a5d4d392d1840a Mon Sep 17 00:00:00 2001 From: foxster-mp4 Date: Sun, 28 May 2023 11:28:19 -0700 Subject: [PATCH] Truncate long app titles --- css/shared.css | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/css/shared.css b/css/shared.css index 97ab79d..0e59c40 100644 --- a/css/shared.css +++ b/css/shared.css @@ -256,6 +256,10 @@ body { align-items: center; width: 100%; padding: 1rem; + min-width: 0; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } .app-header img { @@ -281,20 +285,26 @@ body { justify-content: space-between; width: 100%; margin-left: 0.65em; + min-width: 0; } .app-header>.content .text { margin-right: 0.5em; + overflow: hidden; } .app-header>.content .text>.title { font-weight: 600; font-size: 1rem; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } .app-header>.content .text>.subtitle { opacity: 0.5; font-size: 0.85em; + white-space: break-spaces; } /* About */