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

Drag/drop, add title to the container

Browse Source
This commit is contained in:
Jason Zimdars
2025-09-18 13:43:07 -05:00
parent 475500c617
commit fa69fd9c54
2 changed files with 14 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/assets/stylesheets/card-columns.css
+10
View File
@@ -98,6 +98,7 @@
}
.cards__expander {
background-color: color-mix(in srgb, var(--card-color) 30%, var(--color-canvas));
flex-direction: row-reverse;
gap: 0.5ch;
@@ -107,6 +108,12 @@
flex-direction: column;
justify-content: start;
}
.cards:not(.is-collapsed) & {
margin-block-start: calc(var(--cards-gap) * -1.5);
margin-inline: calc(var(--cards-gap) * -1);
padding: var(--cards-gap);
}
}
.cards__expander-button {
@@ -401,6 +408,9 @@
.cards--doing {
margin-block: var(--cards-gap);
border: var(--inline-space) solid color-mix(in srgb, var(--card-color) 30%, var(--color-canvas));
border-radius: 0.2em;
box-shadow: var(--shadow);
@media (min-width: 640px) {
padding-inline: var(--cards-gap);
app/views/cards/index/engagement/_doing.html.erb
+4 -1
View File
@@ -1,5 +1,8 @@
<section id="doing-cards" class="cards cards--doing is-collapsed" style="--card-color: <%= stage.color if defined?(stage) && stage %>"
data-controller="toggle-class" data-toggle-class-toggle-class="is-collapsed">
data-controller="toggle-class"
data-toggle-class-toggle-class="is-collapsed"
data-drag-and-drop-target="container"
data-drop-target="doing">
<%
filtered_records = if defined?(stage) && stage
page.records.select { |card| card.stage == stage }