unselectable class added

bluerobotics · Oct 27, 2024 · 05eefe7 · 05eefe7
1 parent 6ac295c
commit 05eefe7
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/components/mini-widgets/ArmerButton.vue b/src/components/mini-widgets/ArmerButton.vue
@@ -13,7 +13,7 @@
           : 'bg-green-700 hover:bg-green-800 text-slate-400 justify-start left-[4%]'
       "
     >
-      <span class="inline-block font-extrabold align-middle">
+      <span class="inline-block font-extrabold align-middle unselectable">
         {{ vehicleStore.isArmed === undefined ? '...' : vehicleStore.isArmed ? 'Armed' : 'Disarmed' }}
       </span>
     </div>

diff --git a/src/styles/global.css b/src/styles/global.css
@@ -61,6 +61,9 @@
 select:focus {
     outline: none;
 }
+.unselectable {
+    user-select: none;
+}
 
 @keyframes highlightBackground {
     0% { background-color: rgba(255, 234, 43, 0.438); }