From 20e27541be7f192e67e9a338303d13f4410616b1 Mon Sep 17 00:00:00 2001
From: Andy Smith <andy@37signals.com>
Date: Thu, 14 Aug 2025 13:55:20 -0500
Subject: [PATCH] Truncate tags on cards

---
 app/assets/stylesheets/cards.css               | 1 +
 app/views/cards/display/perma/_tags.html.erb   | 4 ++--
 app/views/cards/display/preview/_tags.html.erb | 4 ++--
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/app/assets/stylesheets/cards.css b/app/assets/stylesheets/cards.css
index 063f131d9..b28cb8c90 100644
--- a/app/assets/stylesheets/cards.css
+++ b/app/assets/stylesheets/cards.css
@@ -179,6 +179,7 @@
     align-items: center;
     color: var(--card-color);
     display: flex;
+    min-inline-size: 0;
   }
 
   .card__title {
diff --git a/app/views/cards/display/perma/_tags.html.erb b/app/views/cards/display/perma/_tags.html.erb
index 058ded56f..76d69a8d0 100644
--- a/app/views/cards/display/perma/_tags.html.erb
+++ b/app/views/cards/display/perma/_tags.html.erb
@@ -1,5 +1,5 @@
-<div id="<%= dom_id(card, :tags) %>" class="card__tags flex-item-grow flex-item-no-shrink min-width gap-half">
-  <div class="overflow-ellipsis">
+<div id="<%= dom_id(card, :tags) %>" class="card__tags gap-half">
+  <div class="min-width overflow-ellipsis">
     <% if card.tags.any? || card.creating? %>
       <span class="margin-inline-start-half"># </span>
       <% card.tags.each_with_index do |tag, index| %>
diff --git a/app/views/cards/display/preview/_tags.html.erb b/app/views/cards/display/preview/_tags.html.erb
index 121cfff90..f255a6a88 100644
--- a/app/views/cards/display/preview/_tags.html.erb
+++ b/app/views/cards/display/preview/_tags.html.erb
@@ -1,5 +1,5 @@
-<div class="card__tags flex-item-grow flex-item-no-shrink min-width">
-  <div class="overflow-ellipsis">
+<div class="card__tags">
+  <div class="min-width overflow-ellipsis">
     <% if card.tags.any?  %>
       <span># </span>
       <% card.tags.each_with_index do |tag, index| %>