diff options
| author | Miguel Ángel Moreno <mail@migalmoreno.com> | 2024-04-19 16:34:59 +0200 |
|---|---|---|
| committer | Miguel Ángel Moreno <mail@migalmoreno.com> | 2024-04-19 16:35:55 +0200 |
| commit | cfec5597d5fa533cd8e914d21cdde38df10f81b9 (patch) | |
| tree | 7ce8c317466faba50384d252175108a3e9fff3f9 /src/frontend | |
| parent | 0d33dd8ad4c05d135ceb533e62601fc4060f0d2c (diff) | |
feat: add title attribute to clamped text
Diffstat (limited to 'src/frontend')
| -rw-r--r-- | src/frontend/tubo/components/audio_player.cljs | 8 | ||||
| -rw-r--r-- | src/frontend/tubo/components/items.cljs | 4 | ||||
| -rw-r--r-- | src/frontend/tubo/components/modals/bookmarks.cljs | 2 |
3 files changed, 10 insertions, 4 deletions
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 |