Add new cards to top or bottom - #8181

Open

theoholl wants to merge 34 commits into

mainfrom

add-new-cards-to-top-or-bottom

Commits on Aug 21, 2026

Adds settings for creating new cards at the top or bottom of stacks
theoholl
committed
56c5726
Add a button for adding cards to the top or bottom of a stack
theoholl
committed
b90474f
Move 'Add card' button at bottom of stack right underneath last card but make it stick in visible area on overflow
theoholl
committed
0e0e35f
Add fade-out gradient for overflowing stacks
theoholl
committed
5842a1d
Use a different approach for the overflow gradient because CSS `mask-image` was cutting of dragged cards.
theoholl
committed
54abb50
Forms to add a new card can be close by pressing enter key
theoholl
committed
8612dd3
Improve position of 'Add card' button for empty stacks when setting is set to 'add to bottom'
theoholl
committed
f5f247e
Keep the default setting adding cards to the bottom of a list
theoholl
committed
62aabfd
Use a real + icon instead of using text for 'Add card' button
theoholl
committed
8fe211c
Removed duplicated user account check and improved method naming
theoholl
committed
d8b2e39
Fix cypress tests
theoholl
committed
a4b3347
Fix a cypress test
theoholl
committed
a1cb383
Simplify JS, use CSS for layout instead if possible
theoholl
committed
b5b1c9a
Avoid layout shift when clicking the 'Add to card' button in add-to-top mode
theoholl
committed
35c6435
Use muted colors for 'Add card' button
theoholl
committed
0d68151
Fix dropzone for empty add-to-bottom stacks
theoholl
committed
98c0568
Remove all transitions and make remove padding from empty card lists for add-to-bottom lists
theoholl
committed
3d2bcca
Clean up CSS selectors
theoholl
committed
5afd6e2
Improve drop behaviour for empty stacks
theoholl
committed
e53ab0d
Simplify add-cards-to-bottom stacks
theoholl
committed
d0d3f9b
Fix new card focus animation for add-to-top stacks
theoholl
committed
882d01f
Remove add button form duplication
theoholl
committed
dd12331
Extract add card form to keep tab order intact
theoholl
committed
eb69900
Fix card insertion position
theoholl
committed
7e06202
fix(create): centralize insert-at-position handling and close add-card form after creation
theoholl
committed
edd23b6
Revert(create): restore explicit insertAtPosition opt-in
theoholl
committed
9082f67
Remove unused stack__cards-list class and reorderCard return value
theoholl
committed
beab02c
Clean up review findings
theoholl
committed
a64d40f
Simplify bottom add-card layout
theoholl
committed
2922493
Restore bottom add-card spacing
theoholl
committed
94985b7
Fix StackCardAdd CSS covering card content in bottom mode

Copilot
and
theoholl
committed
6fed78b
Add matching bottom list gradient

Copilot
and
theoholl
committed
41f18c6
Fix flaky Smart picker visibility assertion

Copilot
and
theoholl
committed
f90fc44
Fix Stack.vue conflict resolution
theoholl
committed
eb4fb1a

Navigation Menu

Uh oh!

Add new cards to top or bottom - #8181

Add new cards to top or bottom#8181
theoholl wants to merge 34 commits into
mainfrom
add-new-cards-to-top-or-bottom

Commits on Aug 21, 2026

Adds settings for creating new cards at the top or bottom of stacks

Add a button for adding cards to the top or bottom of a stack

Move 'Add card' button at bottom of stack right underneath last card but make it stick in visible area on overflow

Add fade-out gradient for overflowing stacks

Use a different approach for the overflow gradient because CSS `mask-image` was cutting of dragged cards.

Forms to add a new card can be close by pressing enter key

Improve position of 'Add card' button for empty stacks when setting is set to 'add to bottom'

Keep the default setting adding cards to the bottom of a list

Use a real + icon instead of using text for 'Add card' button

Removed duplicated user account check and improved method naming

Fix cypress tests

Fix a cypress test

Simplify JS, use CSS for layout instead if possible

Avoid layout shift when clicking the 'Add to card' button in add-to-top mode

Use muted colors for 'Add card' button

Fix dropzone for empty add-to-bottom stacks

Remove all transitions and make remove padding from empty card lists for add-to-bottom lists

Clean up CSS selectors

Improve drop behaviour for empty stacks

Simplify add-cards-to-bottom stacks

Fix new card focus animation for add-to-top stacks

Remove add button form duplication

Extract add card form to keep tab order intact

Fix card insertion position

fix(create): centralize insert-at-position handling and close add-card form after creation

Revert(create): restore explicit insertAtPosition opt-in

Remove unused stack__cards-list class and reorderCard return value

Clean up review findings

Simplify bottom add-card layout

Restore bottom add-card spacing

Fix StackCardAdd CSS covering card content in bottom mode

Add matching bottom list gradient

Fix flaky Smart picker visibility assertion

Fix Stack.vue conflict resolution