From b453d07cfc1d23e0261bcf7db710972b5a6cdf0f Mon Sep 17 00:00:00 2001 From: Ashley Date: Mon, 14 Nov 2022 21:44:24 +0100 Subject: [PATCH] improve the info panel - Add Maximum Line width - Add auto wrap Signed-off-by: Ashley --- css/poketube.css | 16 +++++++++++++++- 1 file changed, 15 insertions(+), 1 deletion(-) diff --git a/css/poketube.css b/css/poketube.css index 8c17d4b2..7ddf064b 100644 --- a/css/poketube.css +++ b/css/poketube.css @@ -42,9 +42,22 @@ a { font-stretch: extra-expanded; } +.video-info-panel > .video-title > a { + white-space: nowrap; +} + +.video-info-panel > .video-title { + text-overflow: ellipsis; + overflow: hidden; + max-width: max-content; + display: -webkit-box; + -webkit-line-clamp: 1; + -webkit-box-orient: vertical; +} + .video-sub-info.description { font-weight: 600; - margin-top: 8.5em !important; + margin-top: 9.5em !important; border-radius: 21px; background: #1c1c1c; padding: 10px; @@ -114,6 +127,7 @@ a { display: block ruby; text-overflow: ellipsis; max-width: 7em; + white-space: nowrap; } .comments-author.owner {