diff options
| author | Olicorne <26625900+thiswillbeyourgithub@users.noreply.github.com> | 2025-05-18 20:45:32 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-05-18 19:45:32 +0100 |
| commit | 053d1a905ed6cef71151d168351f22b35ddca986 (patch) | |
| tree | 2c588c748e288a602b2c3c1a579724d63382a16d /apps/web/lib | |
| parent | 0e734b6b1c1fc332b34309d1c060beb8569c6fba (diff) | |
| download | karakeep-053d1a905ed6cef71151d168351f22b35ddca986.tar.zst | |
fix(web): Switch to a tab view in small screens for bookmark previews
* feat: Implement tabbed layout for bookmark preview content and details
* feat: Enable swipe gesture to switch between content and details tabs
* feat: add scroll-based tab bar hide/show functionality
* fix: adjust tab bar layout to maintain content space when hidden
* fix: bg-muted was stopping midway in the background
* fix: disable mouse tracking for swipe detection in BookmarkPreview
* fix: improve scroll behavior to prevent glitchy tab bar animation
* Update apps/web/components/dashboard/preview/BookmarkPreview.tsx
Co-authored-by: xuatz <xzlow10@gmail.com>
* Update apps/web/components/dashboard/preview/BookmarkPreview.tsx
Co-authored-by: xuatz <xzlow10@gmail.com>
* feat: add responsive layout with tabs and swipe for BookmarkPreview
* Remove react swipe, scroll handlers and do screen detection using media queries
* Revert the grey background for the main content
* remove react-swip from the package.json
* more fixes
* Fix the black area under the tab bar
---------
Co-authored-by: xuatz <xzlow10@gmail.com>
Co-authored-by: Mohamed Bassem <me@mbassem.com>
Diffstat (limited to 'apps/web/lib')
| -rw-r--r-- | apps/web/lib/i18n/locales/en/translation.json | 6 |
1 files changed, 5 insertions, 1 deletions
diff --git a/apps/web/lib/i18n/locales/en/translation.json b/apps/web/lib/i18n/locales/en/translation.json index aef2d2a7..c26c9523 100644 --- a/apps/web/lib/i18n/locales/en/translation.json +++ b/apps/web/lib/i18n/locales/en/translation.json @@ -341,7 +341,11 @@ "preview": { "view_original": "View Original", "cached_content": "Cached Content", - "reader_view": "Reader View" + "reader_view": "Reader View", + "tabs": { + "content": "Content", + "details": "Details" + } }, "editor": { "quickly_focus": "You can quickly focus on this field by pressing ⌘ + E", |