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:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user