thePR0M3TH3AN/bitvid
1
0 Fork 0
mirror of https://github.com/PR0M3TH3AN/bitvid.git synced 2026-10-30 09:22:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix watch history mobile layout and sort order

Browse Source 
- Updated CSS for `.watch-history-card` to use `flex-col` on mobile for stacked layout, switching to `sm:flex-row` on larger screens.
- Added `w-full` to `.watch-history-card__thumbnail` on mobile to constrain image width.
- Fixed a bug in `js/nostr/watchHistory.js` where `computeWatchHistoryFingerprintForItems` was sorting the live history array in-place by ID, causing the UI to display an incorrect (non-chronological) order. The fix involves creating a shallow copy before sorting.
- Updated `tests/nostr/watchHistory.test.js` to verify behavior against the current storage version (`v5`).
This commit is contained in:
google-labs-jules[bot] committed 2026-01-17 13:35:37 +00:00
1 parent fef2d547ec
commit b059d66d80
3 files changed
+4 -4
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

css/tailwind.source.css
+2 -2
View File
@@ -3239,11 +3239,11 @@
}
.watch-history-card__primary {
@apply flex min-w-0 flex-1 flex-wrap items-stretch gap-4 sm:flex-nowrap;
@apply flex min-w-0 flex-1 flex-col items-stretch gap-4 sm:flex-row;
}
.watch-history-card__thumbnail {
@apply block flex-none text-text no-underline sm:w-56;
@apply block flex-none text-text no-underline w-full sm:w-56;
}
.watch-history-card__thumbnailInner {