Add Report a Bug link to the sidebar
Sits in the sidebar footer below Settings and above the Light/Dark toggle, visible to everyone including guests, and opens the team's SharePoint bug list in a new tab with rel=noopener. The URL is a development placeholder for the wilm pre-production window, marked as such in a comment next to the constant so it is not mistaken for a shipped integration. Styling matches .theme-toggle exactly and uses fixed white alphas rather than theme tokens, because the sidebar is dark in both themes - a var(--text-*) here would resolve to a dark colour on a dark sidebar in light mode and vanish, which is the same trap the lock modal hit earlier.
This commit is contained in:
@@ -922,6 +922,29 @@ input[type="radio"] {
|
|||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Report a Bug sits directly above the theme toggle and matches it exactly.
|
||||||
|
The sidebar is dark in BOTH themes, so these are fixed white alphas like the
|
||||||
|
rules above rather than theme tokens - a var(--text-*) here would resolve to
|
||||||
|
a dark colour on a dark sidebar in light mode and disappear. */
|
||||||
|
.bug-report-link {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
gap: 0.5rem;
|
||||||
|
width: 100%;
|
||||||
|
padding: 0.75rem 1.25rem;
|
||||||
|
color: rgba(255,255,255,0.7);
|
||||||
|
font-size: 13px;
|
||||||
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bug-report-link:hover {
|
||||||
|
background: rgba(255,255,255,0.1);
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
/* User menu */
|
/* User menu */
|
||||||
.user-menu {
|
.user-menu {
|
||||||
padding: 1rem 1.25rem;
|
padding: 1rem 1.25rem;
|
||||||
|
|||||||
@@ -49,6 +49,12 @@
|
|||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<div class="sidebar-footer">
|
<div class="sidebar-footer">
|
||||||
|
<!-- Temporary: points at the team's SharePoint bug list while the wilm
|
||||||
|
branch is in pre-production. Swap for a real intake before rollout. -->
|
||||||
|
<a :href="BUG_REPORT_URL" target="_blank" rel="noopener noreferrer" class="bug-report-link">
|
||||||
|
<Bug :size="14" /> Report a Bug
|
||||||
|
</a>
|
||||||
|
|
||||||
<button class="theme-toggle" @click="toggleTheme" :title="currentTheme === 'dark' ? 'Switch to light mode' : 'Switch to dark mode'">
|
<button class="theme-toggle" @click="toggleTheme" :title="currentTheme === 'dark' ? 'Switch to light mode' : 'Switch to dark mode'">
|
||||||
<span v-if="currentTheme === 'dark'"><Sun :size="14" /> Light</span>
|
<span v-if="currentTheme === 'dark'"><Sun :size="14" /> Light</span>
|
||||||
<span v-else><Moon :size="14" /> Dark</span>
|
<span v-else><Moon :size="14" /> Dark</span>
|
||||||
@@ -119,10 +125,17 @@ import ToastHost from '../components/ToastHost.vue'
|
|||||||
import {
|
import {
|
||||||
Sun, Moon, LayoutDashboard, Calendar, Map, Cog, Monitor,
|
Sun, Moon, LayoutDashboard, Calendar, Map, Cog, Monitor,
|
||||||
Printer, Globe, Usb, AppWindow, BookOpen, BarChart3, Bell, Image, ShieldCheck, Ruler,
|
Printer, Globe, Usb, AppWindow, BookOpen, BarChart3, Bell, Image, ShieldCheck, Ruler,
|
||||||
Box, KeyRound, LogOut, Wrench, Activity
|
Box, KeyRound, LogOut, Wrench, Activity, Bug
|
||||||
} from 'lucide-vue-next'
|
} from 'lucide-vue-next'
|
||||||
import { useAuthStore } from '../stores/auth'
|
import { useAuthStore } from '../stores/auth'
|
||||||
import { currentTheme, toggleTheme } from '../stores/theme'
|
import { currentTheme, toggleTheme } from '../stores/theme'
|
||||||
|
|
||||||
|
// Temporary destination for the sidebar "Report a Bug" link: the team's
|
||||||
|
// SharePoint bug list, used while the wilm branch is in pre-production. This is
|
||||||
|
// a development placeholder, not a shipped integration - replace it with a real
|
||||||
|
// intake (or a configurable setting) before this reaches other sites.
|
||||||
|
const BUG_REPORT_URL = 'https://ge.sharepoint.us/:l:/s/ShopDB/JAAAYPxXpvFMTZOj6ndg3nXlAXJtE7G2BHG1nu5tCtWrDxM?nav=YTU5YzAzZDMtNmY5MC00N2Q3LWI2NDItNjMwM2MxNDU2Y2Rk'
|
||||||
|
|
||||||
import { dashboardApi, notificationsApi } from '../api'
|
import { dashboardApi, notificationsApi } from '../api'
|
||||||
import { fiscalWeek } from '@/utils/fiscalWeek'
|
import { fiscalWeek } from '@/utils/fiscalWeek'
|
||||||
import { getFacilityName, getSiteLogo, getServicenowUrls, getEnvLabel } from '../utils/siteSettings'
|
import { getFacilityName, getSiteLogo, getServicenowUrls, getEnvLabel } from '../utils/siteSettings'
|
||||||
|
|||||||
Reference in New Issue
Block a user