bterkuile/fizzy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #1420 from basecamp/column-transition-top-margin

Browse Source 
Transition the top margin
This commit is contained in:
Andy Smith
2025-10-29 11:23:06 -05:00
committed by GitHub
parent ced4f8dae6 0e20f29da0
commit 711c87e0e1
1 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/assets/stylesheets/card-columns.css
+6
View File
@@ -65,8 +65,10 @@
border-radius: calc(var(--column-width-collapsed) / 2); border-radius: calc(var(--column-width-collapsed) / 2);
inline-size: var(--column-width-expanded); inline-size: var(--column-width-expanded);
margin-block-start: 0;
position: relative; position: relative;
scroll-snap-align: start; scroll-snap-align: start;
transition: margin-block-start var(--column-transition-duration) var(--ease-out-overshoot-subtle);
.no-transitions & { .no-transitions & {
transition: none; transition: none;
@@ -125,6 +127,10 @@
.cards--grid & { .cards--grid & {
display: contents; display: contents;
} }
.no-transitions & {
transition: none;
}
} }
.cards__new-column { .cards__new-column {