danieldaum.net / kaneo
kaneo (minimalist kanban) fork to experiment adding a tangled integration github.com/usekaneo/kaneo
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

Merge pull request #1202 from tinsever/fix/ui-fixes

fix(web): ui fixes

authored by

Andrej and committed by
GitHub f828cd25 73e71cd4

+13 -23
+1 -1
apps/site/components/project-board-toolbar.tsx
··· 485 485 ?.color || "var(--color-neutral-400)", 486 486 }} 487 487 /> 488 - <span className="relative max-w-20 truncate -top-0.5"> 488 + <span className="max-w-20 truncate"> 489 489 {label.name} 490 490 </span> 491 491 </DropdownMenuItem>
+1 -3
apps/site/components/project-task-labels.tsx
··· 25 25 "var(--color-neutral-400)", 26 26 }} 27 27 /> 28 - <span className="relative max-w-20 truncate -top-0.5"> 29 - {label.name} 30 - </span> 28 + <span className="max-w-20 truncate">{label.name}</span> 31 29 </Badge> 32 30 ))} 33 31 </div>
+1 -1
apps/web/src/components/board/board-toolbar.tsx
··· 497 497 ?.color || "var(--color-neutral-400)", 498 498 }} 499 499 /> 500 - <span className="relative max-w-20 truncate -top-0.5"> 500 + <span className="max-w-20 truncate"> 501 501 {label.name} 502 502 </span> 503 503 </DropdownMenuItem>
+1 -3
apps/web/src/components/kanban-board/task-labels.tsx
··· 51 51 backgroundColor: validColor(label.color), 52 52 }} 53 53 /> 54 - <span className="relative max-w-20 truncate -top-0.5"> 55 - {label.name} 56 - </span> 54 + <span className="max-w-20 truncate">{label.name}</span> 57 55 </Badge> 58 56 ))} 59 57 </div>
+1 -3
apps/web/src/components/public-project/public-task-labels.tsx
··· 24 24 "var(--color-neutral-400)", 25 25 }} 26 26 /> 27 - <span className="relative max-w-20 truncate -top-0.5"> 28 - {label.name} 29 - </span> 27 + <span className="max-w-20 truncate">{label.name}</span> 30 28 </Badge> 31 29 ))} 32 30 </div>
+2 -4
apps/web/src/components/shared/modals/create-task-modal.tsx
··· 647 647 ?.color || "var(--color-neutral-400)", 648 648 }} 649 649 /> 650 - <span className="relative max-w-20 -top-0.5 truncate"> 651 - {label.name} 652 - </span> 650 + <span className="max-w-20 truncate">{label.name}</span> 653 651 </Badge> 654 652 ))} 655 653 </div> ··· 925 923 )?.color || "var(--color-neutral-400)", 926 924 }} 927 925 /> 928 - <span className="relative max-w-20 truncate -top-0.5"> 926 + <span className="max-w-20 truncate"> 929 927 {label.name} 930 928 </span> 931 929 </button>
+1 -3
apps/web/src/components/task/task-labels-popover.tsx
··· 246 246 "var(--color-neutral-400)", 247 247 }} 248 248 /> 249 - <span className="relative max-w-20 -top-0.5 truncate"> 250 - {label.name} 251 - </span> 249 + <span className="max-w-20 truncate">{label.name}</span> 252 250 </button> 253 251 ))} 254 252
+4 -4
apps/web/src/index.css
··· 510 510 511 511 .kaneo-tiptap-content .ProseMirror li[data-type="taskItem"] { 512 512 display: flex; 513 - align-items: center; 513 + align-items: flex-start; 514 514 justify-content: flex-start; 515 515 gap: 0.45rem; 516 516 margin: 0.18rem 0; ··· 521 521 .ProseMirror 522 522 li[data-type="taskItem"] 523 523 > :is(label, .kaneo-task-item-checkbox) { 524 - margin-top: 0; 524 + margin-top: 0.15rem; 525 525 display: inline-flex; 526 526 flex-shrink: 0; 527 527 cursor: pointer; ··· 1074 1074 1075 1075 .kaneo-comment-editor-prose li[data-type="taskItem"] { 1076 1076 display: flex; 1077 - align-items: center; 1077 + align-items: flex-start; 1078 1078 justify-content: flex-start; 1079 1079 gap: 0.45rem; 1080 1080 margin: 0.14rem 0; ··· 1084 1084 .kaneo-comment-editor-prose 1085 1085 li[data-type="taskItem"] 1086 1086 > :is(label, .kaneo-task-item-checkbox) { 1087 - margin-top: 0; 1087 + margin-top: 0.15rem; 1088 1088 display: inline-flex; 1089 1089 flex-shrink: 0; 1090 1090 cursor: pointer;
+1 -1
apps/web/src/routes/_layout/_authenticated/dashboard/workspace/$workspaceId/project/$projectId/backlog.tsx
··· 663 663 )?.color || "var(--color-neutral-400)", 664 664 }} 665 665 /> 666 - <span className="relative max-w-20 -top-0.5 truncate"> 666 + <span className="max-w-20 truncate"> 667 667 {label.name} 668 668 </span> 669 669 </DropdownMenuCheckboxItem>