Skip to content

fix timeline responsiveness #997

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
ishaanxgupta merged 5 commits into from
May 24, 2026
+186 −84
Merged

fix timeline responsiveness #997

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
9a410f6
enable timeline memory selection
ishaanxgupta May 22, 2026
092e80c
add proper responsiveness
ishaanxgupta May 23, 2026
8b1d225
Merge branch 'main' of https://github.com/supermemoryai/supermemory i…
ishaanxgupta May 24, 2026
3fa7113
fix timeline responsiveness
ishaanxgupta May 24, 2026
9822483
add responsiveness in timeline bar
ishaanxgupta May 24, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 10 additions & 8 deletions apps/web/components/memories-grid.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -641,27 +641,29 @@ export function MemoriesGrid({
id="selection-toolbar"
className={cn(
dmSansClassName(),
"flex items-center justify-between gap-3 mb-3 mr-2 px-3 py-2 rounded-full border border-[#2261CA33] bg-[#00173C]/40",
"flex items-center justify-between gap-1.5 mb-3 mr-2 px-2.5 py-2 rounded-full border border-[#2261CA33] bg-[#00173C]/40 sm:gap-3 sm:px-3",
)}
>
<div className="flex items-center gap-2 min-w-0">
<div className="flex min-w-0 shrink items-center gap-1.5 sm:gap-2">
<span className="flex items-center gap-1.5 text-xs text-[#FAFAFA] font-medium shrink-0">
<span className="inline-flex items-center justify-center min-w-[20px] h-5 px-1.5 rounded-full bg-[#369BFD] text-[#0B0F14] text-[11px] font-semibold">
{selectedDocumentIds.size}
</span>
{selectedDocumentIds.size === 1 ? "selected" : "selected"}
<span className="hidden sm:inline">
{selectedDocumentIds.size === 1 ? "selected" : "selected"}
</span>
</span>
{selectedDocumentIds.size === 0 && (
<span className="text-xs text-[#737373] truncate">
<span className="hidden truncate text-xs text-[#737373] sm:inline">
Tap documents to select
</span>
)}
</div>
<div className="flex items-center gap-1 shrink-0">
<div className="flex min-w-0 shrink-0 items-center gap-0.5 sm:gap-1">
<button
type="button"
className={cn(
"text-xs px-2.5 h-7 rounded-full transition-colors cursor-pointer",
"h-7 rounded-full px-2 text-xs transition-colors cursor-pointer sm:px-2.5",
allVisibleSelected
? "text-[#737373] hover:text-white"
: "text-[#FAFAFA] hover:bg-white/5",
Expand All @@ -675,7 +677,7 @@ export function MemoriesGrid({
<button
type="button"
className={cn(
"flex items-center gap-1 text-xs px-3 h-7 rounded-full transition-colors cursor-pointer",
"flex h-7 items-center gap-1 rounded-full px-2 text-xs transition-colors cursor-pointer sm:px-3",
selectedDocumentIds.size === 0 || isBulkDeleting
? "text-[#737373]/60 cursor-not-allowed"
: "text-red-400 hover:text-red-300 hover:bg-red-500/10",
Expand All @@ -695,7 +697,7 @@ export function MemoriesGrid({
<button
type="button"
aria-label="Exit selection mode"
className="flex items-center gap-1 text-xs px-3 h-7 rounded-full text-[#737373] hover:text-white hover:bg-white/5 transition-colors cursor-pointer"
className="flex h-7 items-center gap-1 rounded-full px-2 text-xs text-[#737373] transition-colors hover:text-white hover:bg-white/5 cursor-pointer sm:px-3"
onClick={onClearSelection}
>
<XIcon className="size-3" />
Expand Down
Loading
Loading