From cfec5597d5fa533cd8e914d21cdde38df10f81b9 Mon Sep 17 00:00:00 2001 From: Miguel Ángel Moreno Date: Fri, 19 Apr 2024 16:34:59 +0200 Subject: feat: add title attribute to clamped text --- src/frontend/tubo/components/audio_player.cljs | 8 ++++++-- src/frontend/tubo/components/items.cljs | 4 +++- src/frontend/tubo/components/modals/bookmarks.cljs | 2 +- 3 files changed, 10 insertions(+), 4 deletions(-) (limited to 'src/frontend') diff --git a/src/frontend/tubo/components/audio_player.cljs b/src/frontend/tubo/components/audio_player.cljs index f2e4943..f2852b6 100644 --- a/src/frontend/tubo/components/audio_player.cljs +++ b/src/frontend/tubo/components/audio_player.cljs @@ -115,9 +115,13 @@ [:img.min-h-full.max-h-full.object-cover.min-w-full.max-w-full.w-full {:src thumbnail-url}]] [:div.flex.flex-col.px-2 [:a.text-xs.line-clamp-1 - {:href (rfe/href :tubo.routes/stream nil {:url url})} name] + {:href (rfe/href :tubo.routes/stream nil {:url url}) + :title name} + name] [:a.text-xs.pt-2.text-neutral-600.dark:text-neutral-300.line-clamp-1 - {:href (rfe/href :tubo.routes/channel nil {:url uploader-url})} uploader-name]] + {:href (rfe/href :tubo.routes/channel nil {:url uploader-url}) + :title uploader-name} + uploader-name]] [audio-source !player]] [main-controls service-color] [:div.flex.lg:justify-end.lg:flex-1 diff --git a/src/frontend/tubo/components/items.cljs b/src/frontend/tubo/components/items.cljs index 79599a3..224fdf3 100644 --- a/src/frontend/tubo/components/items.cljs +++ b/src/frontend/tubo/components/items.cljs @@ -54,7 +54,9 @@ [:h1.line-clamp-1.text-neutral-800.dark:text-gray-300.font-semibold.pr-2.break-all {:class "[overflow-wrap:anywhere]"} uploader-name]] - [:h1.line-clamp-1.text-neutral-800.dark:text-gray-300.font-bold.pr-2 uploader-name]) + [:h1.line-clamp-1.text-neutral-800.dark:text-gray-300.font-bold.pr-2 + {:title uploader-name} + uploader-name]) (when (and uploader-url verified?) [:i.fa-solid.fa-circle-check])] (when-not (empty? (remove nil? items)) diff --git a/src/frontend/tubo/components/modals/bookmarks.cljs b/src/frontend/tubo/components/modals/bookmarks.cljs index c240d85..9c212eb 100644 --- a/src/frontend/tubo/components/modals/bookmarks.cljs +++ b/src/frontend/tubo/components/modals/bookmarks.cljs @@ -14,7 +14,7 @@ [layout/thumbnail (-> items first :thumbnail-url) nil name nil :classes "h-24"]] [:div.flex.flex-col.py-4.px-4 - [:h1.line-clamp-1.font-bold name] + [:h1.line-clamp-1.font-bold {:title name} name] [:span.text-sm (str (count items) " streams")]]]) (defn add-bookmark-modal -- cgit v1.2.3