Merge pull request #7529 from TerriaJS/hide-active-story-button

Hide story button when story is being played
TerriaJS · Mar 5, 2025 · 7316b16 · 7316b16
2 parents fe61b9e + d08286f
commit 7316b16
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/CHANGES.md b/CHANGES.md
@@ -42,6 +42,7 @@
 - Remove unused pmtiles dependency.
 - Update data styling docs
 - Remove unused babel/eslint-parser dependency.
+- Hide 'Story' button in mobile view if story panel is active.
 - [The next improvement]
 
 #### 8.8.1 - 2025-02-27

diff --git a/lib/ReactViews/Map/BottomLeftBar/BottomLeftBar.tsx b/lib/ReactViews/Map/BottomLeftBar/BottomLeftBar.tsx
@@ -28,7 +28,9 @@ const shouldShowPlayStoryButton = (viewState: ViewState) =>
   viewState.terria.configParameters.storyEnabled &&
   defined(viewState.terria.stories) &&
   viewState.terria.stories.length > 0 &&
-  viewState.useSmallScreenInterface;
+  viewState.useSmallScreenInterface &&
+  // Don't show story button if story panel is visible
+  viewState.storyShown !== true;
 
 const BottomLeftBar: FC = observer(() => {
   const { t } = useTranslation();