Mahdi/CRM_Montzar
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(notes): keep card titles visible when the square card is crowded

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Mahdi
2026-11-09 18:34:23 +03:30
co-authored by Cursor
parent b03d97dd9e
commit dae3ae3f7e
1 changed files with 13 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/views/NotesView.vue
+13 -2
View File
@@ -1906,7 +1906,11 @@ onBeforeUnmount(() => {
margin: 0 0 0.35rem; margin: 0 0 0.35rem;
font-size: 0.95rem; font-size: 0.95rem;
font-weight: 700; font-weight: 700;
line-height: 1.35;
color: #0f172a; color: #0f172a;
flex-shrink: 0;
min-width: 0;
overflow-wrap: anywhere;
display: -webkit-box; display: -webkit-box;
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
@@ -1918,7 +1922,7 @@ onBeforeUnmount(() => {
color: #334155; color: #334155;
font-size: 0.82rem; font-size: 0.82rem;
line-height: 1.45; line-height: 1.45;
flex: 1; flex: 1 1 2.9em;
min-height: 0; min-height: 0;
overflow: hidden; overflow: hidden;
display: -webkit-box; display: -webkit-box;
@@ -1953,13 +1957,15 @@ onBeforeUnmount(() => {
margin-top: 0.45rem; margin-top: 0.45rem;
border-radius: var(--radius); border-radius: var(--radius);
overflow: hidden; overflow: hidden;
flex-shrink: 0; flex: 0 1 72px;
min-height: 0;
max-height: 72px; max-height: 72px;
} }
.card-thumb img { .card-thumb img {
display: block; display: block;
width: 100%; width: 100%;
height: 72px; height: 72px;
max-height: 100%;
object-fit: cover; object-fit: cover;
} }
@@ -2176,11 +2182,16 @@ onBeforeUnmount(() => {
} }
.title-input { .title-input {
width: 100%;
min-width: 0;
box-sizing: border-box;
border: 0; border: 0;
border-bottom: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0;
padding: 0.35rem 0; padding: 0.35rem 0;
font-size: 1rem; font-size: 1rem;
font-weight: 600; font-weight: 600;
line-height: 1.4;
color: #0f172a;
outline: none; outline: none;
background: transparent; background: transparent;
} }