diff --git a/packages/web/src/App.tsx b/packages/web/src/App.tsx index 1111281..b17c874 100644 --- a/packages/web/src/App.tsx +++ b/packages/web/src/App.tsx @@ -708,6 +708,13 @@ export function App() { if (event.key.toLowerCase() === 'c' && !event.metaKey && !event.ctrlKey && !event.altKey && !event.shiftKey) { event.preventDefault(); openCreateIssueSurface(navigate, location.pathname); + return; + } + + if (event.key.toLowerCase() === 't' && !event.metaKey && !event.ctrlKey && !event.altKey && !event.shiftKey) { + event.preventDefault(); + setTheme((currentTheme) => (currentTheme === 'dark' ? 'light' : 'dark')); + return; } } @@ -927,30 +934,35 @@ export function App() {
Workspace
diff --git a/packages/web/src/components/IssueCard.tsx b/packages/web/src/components/IssueCard.tsx index d51d79a..83a8ef5 100644 --- a/packages/web/src/components/IssueCard.tsx +++ b/packages/web/src/components/IssueCard.tsx @@ -159,11 +159,22 @@ export function IssueCard({

{issue.title}

- {issue.labels.nodes.map((label) => ( + {issue.labels.nodes.slice(0, 2).map((label) => ( {label.name} ))} + {issue.labels.nodes.length > 2 ? ( + label.name) + .join(', ')} + > + +{issue.labels.nodes.length - 2} + + ) : null}
diff --git a/packages/web/src/styles/app.css b/packages/web/src/styles/app.css index 7edcd8b..e824f3b 100644 --- a/packages/web/src/styles/app.css +++ b/packages/web/src/styles/app.css @@ -411,6 +411,17 @@ kbd { flex: 1; } +.app-shell__link-kbd { + opacity: 0.5; + transition: opacity var(--dur-1) var(--ease); +} + +.app-shell__link:hover .app-shell__link-kbd, +.app-shell__link--active .app-shell__link-kbd, +.app-shell__link:focus-visible .app-shell__link-kbd { + opacity: 1; +} + .app-shell__sidebar-footer-row { display: flex; align-items: center;