[PR #106] [MERGED] fix: overflowing text in player and search results #126

New issue

Closed

opened 2026-03-03 00:07:53 +03:00 by kerem · 0 comments

kerem commented

2026-03-03 00:07:53 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/binimum/tidal-ui/pull/106
Author: @Bnyro
Created: 1/30/2026
Status: ✅ Merged
Merged: 1/31/2026
Merged by: @binimum

Base: main ← Head: fix-truncate-title

📝 Commits (1)

72bd4d4 fix: overflowing text in player and search results

📊 Changes

2 files changed (+13 additions, -13 deletions)

View changed files

📝 src/lib/components/AudioPlayer.svelte (+4 -4)
📝 src/lib/components/SearchInterface.svelte (+9 -9)

📄 Description

Because we didn't set any max width, the tailwind truncate property didn't actually do anything (at least on Firefox).

Screenshot before:
Screenshot from 2026-01-30 14-23-22

Screenshot after:
Screenshot from 2026-01-30 14-24-30

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/binimum/tidal-ui/pull/106 **Author:** [@Bnyro](https://github.com/Bnyro) **Created:** 1/30/2026 **Status:** ✅ Merged **Merged:** 1/31/2026 **Merged by:** [@binimum](https://github.com/binimum) **Base:** `main` ← **Head:** `fix-truncate-title` --- ### 📝 Commits (1) - [`72bd4d4`](https://github.com/binimum/tidal-ui/commit/72bd4d4321520e5f0c6bcd0725b65295132b8f49) fix: overflowing text in player and search results ### 📊 Changes **2 files changed** (+13 additions, -13 deletions) <details> <summary>View changed files</summary> 📝 `src/lib/components/AudioPlayer.svelte` (+4 -4) 📝 `src/lib/components/SearchInterface.svelte` (+9 -9) </details> ### 📄 Description Because we didn't set any max width, the tailwind `truncate` property didn't actually do anything (at least on Firefox). Screenshot before: <img width="1230" height="162" alt="Screenshot from 2026-01-30 14-23-22" src="https://github.com/user-attachments/assets/dc1d5ae6-bb12-4745-a71c-b36d88153956" /> Screenshot after: <img width="1230" height="162" alt="Screenshot from 2026-01-30 14-24-30" src="https://github.com/user-attachments/assets/8c1e30b7-1202-43ba-a1af-755b4ca7c8a8" /> --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>