fix(ui): improve issues page toolbar and rows for mobile

- Make Filter/Sort/Group buttons icon-only on small screens (< 640px)
- Make "New Issue" button icon-only on small screens
- Show filter count badge on mobile instead of full text
- Reduce gaps between toolbar items on mobile
- Hide date column and "Live" text on small screens for issue rows
- Add touch-action: manipulation to prevent double-tap zoom on mobile

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Forgotten
2026-02-23 16:51:17 -06:00
parent 390e4dd839
commit 25ad04eb10
2 changed files with 28 additions and 15 deletions

View File

@@ -120,6 +120,16 @@
body {
@apply bg-background text-foreground;
}
/* Prevent double-tap-to-zoom on interactive elements for mobile */
a,
button,
[role="button"],
input,
select,
textarea,
label {
touch-action: manipulation;
}
}
/* Dark mode scrollbars */