Make mode switchers act like buttons

YarnSpinnerTool · Aug 3, 2024 · 52a99ac · 52a99ac
1 parent b48a6da
commit 52a99ac
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/scss/yarnspinner.scss b/scss/yarnspinner.scss
@@ -264,4 +264,8 @@ html,
 
 .mode-selector-selected {
   font-weight: bold;
+}
+
+.pointer {
+  cursor: pointer;
 }
diff --git a/src/index.html b/src/index.html
@@ -62,8 +62,8 @@ <h1>Yarn Spinner for Books <span id="header-beta">(beta)</span></h1>
 
     <div class="d-lg-none row p-3 justify-content-center" id="app-tabs">
       <div class="col-12 d-flex flex-row justify-content-center">
-        <div class="mx-2 mode-selector" data-mode-select="code">Write</div>
-        <div class="mx-2 mode-selector" data-mode-select="test">Play</div>
+        <div class="mx-2 mode-selector pointer user-select-none" data-mode-select="code">Write</div>
+        <div class="mx-2 mode-selector pointer user-select-none" data-mode-select="test">Play</div>
       </div>
     </div>