bvandeusen/FabledScribe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 50 Wiki Activity

fix(knowledge): clip card overflow so tags don't escape card boundary

Browse Source 
Added overflow:hidden to .k-card so wrapped tags are clipped within the
card border-radius. Added min-width:0 + overflow:hidden on .k-card-tags
so the flex item can shrink properly and doesn't push past the card width.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Bryan Van Deusen
2026-04-03 21:57:28 -04:00
parent 00abfcf4db
commit 4ac26d9326
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/KnowledgeView.vue
+2 -1
View File
@@ -731,6 +731,7 @@ watchEffect(() => {
flex-direction: column; flex-direction: column;
gap: 8px; gap: 8px;
min-height: 100px; min-height: 100px;
overflow: hidden;
} }
.k-card:hover { .k-card:hover {
border-color: rgba(255,255,255,0.14); border-color: rgba(255,255,255,0.14);
@@ -852,7 +853,7 @@ watchEffect(() => {
justify-content: space-between; justify-content: space-between;
gap: 6px; gap: 6px;
} }
.k-card-tags { display: flex; gap: 4px; flex-wrap: wrap; } .k-card-tags { display: flex; gap: 4px; flex-wrap: wrap; min-width: 0; overflow: hidden; }
.tag-pill { .tag-pill {
font-size: 0.68rem; font-size: 0.68rem;
padding: 1px 6px; padding: 1px 6px;