fix(tour): Hide Sequence Step on Mobile

AmirMohammad Cheraghali · AmirMohammad Cheraghali · commit 96d09123b868 · 2026-01-07T01:32:26.000+01:00
diff --git a/src/components/TourGuide.tsx b/src/components/TourGuide.tsx
@@ -47,7 +47,8 @@ export const startOnboardingTour = (onComplete?: () => void, onHighlight?: (elem
                     : 'Measure distances, view contact maps, or inspect specific properties.'
             }
         },
-        {
+        // Sequence Track (Atom List) - Desktop Only
+        ...(window.innerWidth >= 768 ? [{
             element: '#sequence-track',
             popover: {
                 title: isChemical ? 'Atom List' : 'Sequence Track',
@@ -57,7 +58,7 @@ export const startOnboardingTour = (onComplete?: () => void, onHighlight?: (elem
                 side: 'left' as const,
                 align: 'center' as const
             }
-        },
+        }] : []),
         // Protein Only Steps
         ...(!isChemical ? [
             {

Original file line number	Diff line number	Diff line change
`@@ -47,7 +47,8 @@ export const startOnboardingTour = (onComplete?: () => void, onHighlight?: (elem`
`47`	`47`	`: 'Measure distances, view contact maps, or inspect specific properties.'`
`48`	`48`	`}`
`49`	`49`	`},`
`50`		`- {`
	`50`	`+ // Sequence Track (Atom List) - Desktop Only`
	`51`	`+ ...(window.innerWidth >= 768 ? [{`
`51`	`52`	`element: '#sequence-track',`
`52`	`53`	`popover: {`
`53`	`54`	`title: isChemical ? 'Atom List' : 'Sequence Track',`
`@@ -57,7 +58,7 @@ export const startOnboardingTour = (onComplete?: () => void, onHighlight?: (elem`
`57`	`58`	`side: 'left' as const,`
`58`	`59`	`align: 'center' as const`
`59`	`60`	`}`
`60`		`- },`
	`61`	`+ }] : []),`
`61`	`62`	`// Protein Only Steps`
`62`	`63`	`...(!isChemical ? [`
`63`	`64`	`{`