Don't display play/pause in mobile reader mode

robsimmons · Nov 15, 2023 · fe301ae · fe301ae
1 parent f8f3101
commit fe301ae
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/src/Program.tsx b/src/Program.tsx
@@ -46,6 +46,7 @@ export default function Program({ load, run, pause, setSolution, session }: Prop
           title="View code"
           onClick={(event) => {
             event.preventDefault();
+            pause();
             document.getElementById('session')!.className = 'mobile-view-editor';
           }}
         >
@@ -64,12 +65,12 @@ export default function Program({ load, run, pause, setSolution, session }: Prop
           </button>
         )}
         {session.status === 'paused' && (
-          <button title="Search for more solutions" onClick={() => run()}>
+          <button title="Search for more solutions" className="control" onClick={() => run()}>
             <PlayIcon width={ICON_SIZE} height={ICON_SIZE} /> resume
           </button>
         )}
         {session.status === 'running' && (
-          <button title="Pause searching for solutions" onClick={() => pause()}>
+          <button title="Pause searching for solutions" className="control" onClick={() => pause()}>
             <PauseIcon width={ICON_SIZE} height={ICON_SIZE} /> pause
           </button>
         )}

diff --git a/src/dusa.css b/src/dusa.css
@@ -379,6 +379,10 @@ div#codemirror-root .cm-scroller {
     display: flex;
   }
 
+  .mobile-view-editor #explorer-header .control {
+    display: none;
+  }
+
   #explorer-header #explorer-status .extended-status {
     display: none;
   }