Category Labels Not Scaling Correctly On Small Screen (#3906)

* Fixed label scaling for smaller screens. * Added release notes. Minor linting fix added.
actualbudget · Dec 6, 2024 · 1b25235 · 1b25235
1 parent f207803
commit 1b25235
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/packages/desktop-client/src/components/transactions/TransactionsTable.jsx b/packages/desktop-client/src/components/transactions/TransactionsTable.jsx
@@ -1361,6 +1361,9 @@ const Transaction = memo(function Transaction({
                 margin: '0 5px',
                 padding: '3px 7px',
                 borderRadius: 4,
+                overflow: 'hidden',
+                textOverflow: 'ellipsis',
+                display: 'inline-block',
               }}
             >
               {titleFirst(categoryId)}

diff --git a/upcoming-release-notes/3906.md b/upcoming-release-notes/3906.md
@@ -0,0 +1,6 @@
+---
+category: Bugfix
+authors: [annechoww]
+---
+
+Fix bug where category labels are not scaling correctly on small screens