[PR #152] [MERGED] ui(web): Fixed overflow issues for very long titles #1536

New issue

Closed

opened 2026-03-02 11:58:04 +03:00 by kerem · 0 comments

kerem commented

2026-03-02 11:58:04 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/karakeep-app/karakeep/pull/152
Author: @lilacpixel
Created: 5/13/2024
Status: ✅ Merged
Merged: 5/16/2024
Merged by: @MohamedBassem

Base: main ← Head: text-overflow-ellipsis

📝 Commits (3)

8150dd4 ui(web): Titles that exceed the allotted space now terminate with an ellipsis
ac4d9fd Merge branch 'main' into text-overflow-ellipsis
5fdc7ea ui(web): Titles on bookmark cards longer than two lines will terminate with an ellipsis

📊 Changes

4 files changed (+15 additions, -7 deletions)

View changed files

📝 apps/web/components/dashboard/EditableText.tsx (+2 -2)
📝 apps/web/components/dashboard/bookmarks/BookmarkLayoutAdaptingCard.tsx (+10 -2)
📝 apps/web/components/dashboard/bookmarks/LinkCard.tsx (+1 -1)
📝 apps/web/components/dashboard/preview/EditableTitle.tsx (+2 -2)

📄 Description

Some very long titles, particularly assets with hashed filenames, will overflow the given space in certain views. The problem is most noticeable when accessing the preview modal on mobile, where it pushes the edit button offscreen and forces the user to scroll horizontally:

This tweak terminates all overly long titles with an ellipsis, caps the editable title field at a viewable length, and forces long titles to wrap in edit mode to prevent horizontal overflow.

_{🔄 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/karakeep-app/karakeep/pull/152 **Author:** [@lilacpixel](https://github.com/lilacpixel) **Created:** 5/13/2024 **Status:** ✅ Merged **Merged:** 5/16/2024 **Merged by:** [@MohamedBassem](https://github.com/MohamedBassem) **Base:** `main` ← **Head:** `text-overflow-ellipsis` --- ### 📝 Commits (3) - [`8150dd4`](https://github.com/karakeep-app/karakeep/commit/8150dd44f1986ec258a7f23896b0ef2d8c607858) ui(web): Titles that exceed the allotted space now terminate with an ellipsis - [`ac4d9fd`](https://github.com/karakeep-app/karakeep/commit/ac4d9fd74afa58ca4894008fb237636705df0bd1) Merge branch 'main' into text-overflow-ellipsis - [`5fdc7ea`](https://github.com/karakeep-app/karakeep/commit/5fdc7ea26991c59807f467374eb76bc7e54b2e0c) ui(web): Titles on bookmark cards longer than two lines will terminate with an ellipsis ### 📊 Changes **4 files changed** (+15 additions, -7 deletions) <details> <summary>View changed files</summary> 📝 `apps/web/components/dashboard/EditableText.tsx` (+2 -2) 📝 `apps/web/components/dashboard/bookmarks/BookmarkLayoutAdaptingCard.tsx` (+10 -2) 📝 `apps/web/components/dashboard/bookmarks/LinkCard.tsx` (+1 -1) 📝 `apps/web/components/dashboard/preview/EditableTitle.tsx` (+2 -2) </details> ### 📄 Description Some very long titles, particularly assets with hashed filenames, will overflow the given space in certain views. The problem is most noticeable when accessing the preview modal on mobile, where it pushes the edit button offscreen and forces the user to scroll horizontally: ![IMG_1670](https://github.com/MohamedBassem/hoarder-app/assets/44416326/cde5b467-4df8-46a9-9300-1a9701cd999e) This tweak terminates all overly long titles with an ellipsis, caps the editable title field at a viewable length, and forces long titles to wrap in edit mode to prevent horizontal overflow. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>

kerem

2026-03-02 11:58:04 +03:00

closed this issue
added the
pull-request
label

No milestone

No project

No assignees

1 participant

Notifications

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference

starred/karakeep#1536

No description provided.

Rows
Columns