From 348fd5fb0be28b46d01778da2219648349ee6a35 Mon Sep 17 00:00:00 2001 From: Jason Zimdars Date: Mon, 8 Sep 2025 16:50:44 -0500 Subject: [PATCH 1/5] Reduce font size for card titles --- app/assets/stylesheets/card-columns.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/assets/stylesheets/card-columns.css b/app/assets/stylesheets/card-columns.css index d3daec9d3..4b1f6b47d 100644 --- a/app/assets/stylesheets/card-columns.css +++ b/app/assets/stylesheets/card-columns.css @@ -72,7 +72,7 @@ .card { --block-space: 1em; --block-space-half: 0.5em; - --text-xx-large: 2em; + --text-xx-large: 1.6em; --text-x-small: 1em; /* Set lower limit for font size */ From 317e7f7e76707f1fe55bd1584ff2e980cd035e04 Mon Sep 17 00:00:00 2001 From: Jason Zimdars Date: Mon, 8 Sep 2025 16:53:26 -0500 Subject: [PATCH 2/5] Tighten up column headings --- app/assets/stylesheets/card-columns.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/app/assets/stylesheets/card-columns.css b/app/assets/stylesheets/card-columns.css index 4b1f6b47d..dede2ef5a 100644 --- a/app/assets/stylesheets/card-columns.css +++ b/app/assets/stylesheets/card-columns.css @@ -5,7 +5,7 @@ /* Card contents are resized via container queries. We're using #main here as the primary container so all cards have the same container reference */ #main:has(.card-columns) { - --cards-gap: min(2cqi, 1rem); + --cards-gap: min(1cqi, 0.7rem); --gradient-border: linear-gradient(to right,var(--color-canvas), var(--color-ink) 3%, var(--color-ink) 97%, var(--color-canvas)); --reserved-bubble-space: 0; --bubble-gap: 0.5rem; @@ -145,7 +145,9 @@ justify-content: center; margin-block-start: 1px; margin-inline: -8px; /* enough to cover card shadows, but avoid overlapping bubbles */ - padding-block: var(--cards-gap); + padding-block: var(--cards-gap) 0; + position: sticky; + z-index: 3; /* Cover bubbles and cards on small viewports */ @media (max-width: 639px) { From b4925344ee4e09d3faa37780bd6b42e565de8520 Mon Sep 17 00:00:00 2001 From: Jason Zimdars Date: Mon, 8 Sep 2025 16:55:41 -0500 Subject: [PATCH 3/5] Tighten header --- app/assets/stylesheets/header.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/app/assets/stylesheets/header.css b/app/assets/stylesheets/header.css index abe3dc6c6..2d5bc40a9 100644 --- a/app/assets/stylesheets/header.css +++ b/app/assets/stylesheets/header.css @@ -22,7 +22,7 @@ &:has(.header__actions > *:nth-child(3)) { --header-button-count: 3; } &:has(nav) { - row-gap: var(--block-space-half); + row-gap: 0; } &:has(~ #main .card-columns) { From 36ddcba6dc14cddeff93fc7ab645332d9a0c1d9f Mon Sep 17 00:00:00 2001 From: Jason Zimdars Date: Mon, 8 Sep 2025 16:57:21 -0500 Subject: [PATCH 4/5] Don't display "not assigned" --- app/views/cards/display/common/_meta.html.erb | 2 +- app/views/cards/display/public_preview/_meta.html.erb | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/app/views/cards/display/common/_meta.html.erb b/app/views/cards/display/common/_meta.html.erb index 3aaa2741d..2a05a46ea 100644 --- a/app/views/cards/display/common/_meta.html.erb +++ b/app/views/cards/display/common/_meta.html.erb @@ -24,7 +24,7 @@ - <%= card.assignees.any? ? "Assigned to" : "Not assigned" %> + <%= "Assigned to" if card.assignees.any? %> <%= card.assignees.map { |assignee| "#{assignee.familiar_name}" }.to_sentence.html_safe %> diff --git a/app/views/cards/display/public_preview/_meta.html.erb b/app/views/cards/display/public_preview/_meta.html.erb index be50ac7f3..d47bd1eff 100644 --- a/app/views/cards/display/public_preview/_meta.html.erb +++ b/app/views/cards/display/public_preview/_meta.html.erb @@ -20,7 +20,7 @@ - <%= card.assignees.any? ? "Assigned to" : "Not assigned" %> + <%= "Assigned to" if card.assignees.any? %> <%= card.assignees.map { |assignee| "#{assignee.familiar_name}" }.to_sentence.html_safe %> From e948c2ec464a3f626afd77250c3e8e868c860181 Mon Sep 17 00:00:00 2001 From: Jason Zimdars Date: Mon, 8 Sep 2025 17:06:48 -0500 Subject: [PATCH 5/5] Tighten card title gap --- app/assets/stylesheets/card-columns.css | 2 +- app/assets/stylesheets/cards.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/app/assets/stylesheets/card-columns.css b/app/assets/stylesheets/card-columns.css index dede2ef5a..ed7edab33 100644 --- a/app/assets/stylesheets/card-columns.css +++ b/app/assets/stylesheets/card-columns.css @@ -276,7 +276,7 @@ } .card__body { - padding-block-start: calc(var(--card-padding-block) / 2); + padding-block-start: 0; padding-inline: 0; } diff --git a/app/assets/stylesheets/cards.css b/app/assets/stylesheets/cards.css index 1c6fbc162..6191a28be 100644 --- a/app/assets/stylesheets/cards.css +++ b/app/assets/stylesheets/cards.css @@ -121,7 +121,7 @@ flex-grow: 1; gap: 1ch; inline-size: 100%; - padding-block: var(--card-padding-block); + padding-block: calc(var(--card-padding-block) / 2); @media (min-width: 640px) { gap: var(--card-padding-inline);