diff options
| author | Cari <44416326+lilacpixel@users.noreply.github.com> | 2024-05-16 16:50:56 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-05-16 21:50:56 +0100 |
| commit | 747efa545d88053e199d3271710b526be0dd3b2b (patch) | |
| tree | 2efa14097ab74073f6e7e80d11c5c7058db2d3e3 /apps/web/components/dashboard/preview | |
| parent | 39025a83e041347a4c8206704e7dc2cd1e0cadd5 (diff) | |
| download | karakeep-747efa545d88053e199d3271710b526be0dd3b2b.tar.zst | |
ui(web): Fixed overflow issues for very long titles (#152)
* ui(web): Titles that exceed the allotted space now terminate with an ellipsis
ui(web): Very long titles now break in edit mode instead of overflowing horizontally
* ui(web): Titles on bookmark cards longer than two lines will terminate with an ellipsis
ui(web): Tooltips for long titles now wrap to multiple lines as needed
ui(web): Aligned titles in preview panes to the left margin
Diffstat (limited to 'apps/web/components/dashboard/preview')
| -rw-r--r-- | apps/web/components/dashboard/preview/EditableTitle.tsx | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/apps/web/components/dashboard/preview/EditableTitle.tsx b/apps/web/components/dashboard/preview/EditableTitle.tsx index 8067e23d..237ad108 100644 --- a/apps/web/components/dashboard/preview/EditableTitle.tsx +++ b/apps/web/components/dashboard/preview/EditableTitle.tsx @@ -35,8 +35,8 @@ export function EditableTitle({ bookmark }: { bookmark: ZBookmark }) { return ( <EditableText originalText={title} - editClassName="p-2 text-center text-lg" - viewClassName="line-clamp-2 text-lg" + editClassName="p-2 text-lg break-all" + viewClassName="break-words line-clamp-2 text-lg text-ellipsis" untitledClassName="text-lg italic text-gray-600" onSave={(newTitle) => { updateBookmark( |