studio-variable/designtopack
3
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

Scope kanban masonry to fix inspirations masonry layout

Browse source
This commit is contained in:
Timothée Goguely 2024-11-20 15:41:55 +01:00
parent 2c574069f5
commit c4621f9584
1 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/views/Kanban.vue
View file

@ -70,25 +70,25 @@ function openDialog(targetStepSlug) {
}
/* Masonry */
.masonry > * {
.kanban .masonry > * {
margin-bottom: var(--space-16);
}
.masonry > *:only-child {
.kanban .masonry > *:only-child {
column-span: all;
transform: translateY(50%);
}
@media (min-width: 40rem) {
.masonry {
.kanban .masonry {
column-count: 2;
}
}
@media (min-width: 65rem) {
.masonry {
.kanban .masonry {
column-count: 3;
}
}
@media (min-width: 90rem) {
.masonry {
.kanban .masonry {
column-count: 4;
}
}