Fix mobile bottom nav sizing and improve ticket view on mobile

Mobile bottom nav:
- Consistent sizing for icons (1.1rem) and text (0.7rem)
- Added .nav-label class for text labels
- Increased height to 64px for better touch targets
- Added active state styling

Ticket view mobile improvements:
- Full width container (removed margins, no side borders)
- Wider tab content areas with proper padding
- Tabs now fill available width
- Active tab has bottom border indicator
- Description textarea full width with proper sizing
- Markdown preview with better font sizing
- Improved comment form styling

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
2026-01-31 11:51:02 -05:00
parent cbce4b5fac
commit b0ffc2cdc2
4 changed files with 112 additions and 26 deletions

View File

@@ -5700,7 +5700,7 @@ table td:nth-child(4) {
bottom: 0;
left: 0;
right: 0;
height: 60px;
height: 64px;
background: var(--bg-primary);
border-top: 2px solid var(--terminal-green);
z-index: var(--z-dropdown);
@@ -5714,18 +5714,27 @@ table td:nth-child(4) {
flex-direction: column;
align-items: center;
justify-content: center;
gap: 0.25rem;
gap: 0.15rem;
background: transparent;
border: none;
color: var(--terminal-green);
text-decoration: none;
font-size: 0.65rem;
font-size: 0.7rem;
font-family: var(--font-mono);
padding: 0.5rem;
padding: 0.5rem 0.25rem;
min-height: 64px;
}
.mobile-bottom-nav .nav-icon {
font-size: 1.25rem;
font-size: 1.1rem;
line-height: 1;
}
.mobile-bottom-nav .nav-label {
font-size: 0.7rem;
line-height: 1;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.mobile-bottom-nav a:active,
@@ -5733,6 +5742,12 @@ table td:nth-child(4) {
background: rgba(0, 255, 65, 0.2);
}
.mobile-bottom-nav a.active,
.mobile-bottom-nav button.active {
color: var(--terminal-amber);
text-shadow: var(--glow-amber);
}
/* ===== HIDE PREVIEW POPUP ON MOBILE ===== */
.ticket-preview-popup {
display: none !important;