Skip to content

Mobile columns pt iii #2124

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

Draft
andyra wants to merge 24 commits into
base: main
Choose a base branch
from
+213 −248
Draft

Mobile columns pt iii #2124

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
24 commits
Select commit Hold shift + click to select a range
b3cfae3
Consolidate UI elements from "the stream" and "Considering" to "Maybe?"
andyra Dec 12, 2025
3b08041
Only use grid layout when centering the Maybe column
andyra Dec 12, 2025
c6bfeb6
Handle Maybe column state at desktop breakpoint
andyra Dec 12, 2025
b80499e
Leave Maybe column expanded on Desktop
andyra Dec 12, 2025
a94f6e8
Remove old mobile columns stuff
andyra Dec 12, 2025
c979731
Use getter for isDesktop
andyra Dec 12, 2025
0d370a0
Fix .closest selector to be more fuzzy
andyra Dec 12, 2025
44e7e66
Adjust padding on new card element
andyra Dec 12, 2025
bf62c97
Fix horizontal scrolling
andyra Dec 12, 2025
98b47ed
Center and scroll snap columns on mobile
andyra Dec 12, 2025
5d9b2b8
Center all columns when collapsed on mobile
andyra Dec 12, 2025
ffb5474
Equal padding on left mobile columns
andyra Dec 15, 2025
f2591e7
Basic scrolling setup
andyra Dec 15, 2025
adceae2
Scrolling in place (borked padding)
andyra Dec 15, 2025
463b99d
Correct padding
andyra Dec 15, 2025
ea45205
Hide scrollbars on lists
andyra Dec 15, 2025
e245695
Move board-tools inside list
andyra Dec 15, 2025
c7ee0ad
Mini bubble on Maybe column
andyra Dec 15, 2025
0f1ee03
Remove vertical offset on mobile
andyra Dec 15, 2025
a3723ef
Cleanup and scroll into view when expanding
andyra Dec 15, 2025
9504b98
Tighten up column padding on mobile
andyra Dec 15, 2025
623dd90
Looser scroll snap
andyra Dec 15, 2025
c3a3aa1
Merge branch 'main' into mobile-columns-pt-iii
andyra Dec 19, 2025
b795171
Position New Column absolutely to center collapsed columns
andyra Dec 19, 2025
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
2 changes: 1 addition & 1 deletion app/assets/stylesheets/_global.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -205,7 +205,7 @@
--color-terminal-text: var(--color-ink);
--color-terminal-text-light: var(--color-ink-lighter);
--color-golden: oklch(89.1% 0.178 95.7);
--color-considering: oklch(var(--lch-blue-medium));
--color-maybe: oklch(var(--lch-blue-medium));

/* Colors: Cards */
--color-card-default: oklch(var(--lch-blue-dark));
Expand Down
3 changes: 2 additions & 1 deletion app/assets/stylesheets/base.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -102,7 +102,8 @@
}

/* Turbo */
turbo-frame {
turbo-frame,
turbo-cable-stream-source {
display: contents;
}

Expand Down
2 changes: 1 addition & 1 deletion app/assets/stylesheets/blank-slates.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
white-space: nowrap;
}

.cards--considering & {
.cards--maybe & {
background-color: var(--card-bg-color) !important;
}

Expand Down
Loading
Loading