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;