fix: disable selecting elements in navbar (#1147)

elk-zone · Jan 15, 2023 · 92b9746 · 92b9746
1 parent 185bfd1
commit 92b9746
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 2 deletions.
diff --git a/components/nav/NavSideItem.vue b/components/nav/NavSideItem.vue
@@ -66,7 +66,7 @@ const noUserVisual = computed(() => isHydrated.value && props.userOnly && !curre
           <div :class="icon" text-xl />
         </slot>
         <slot>
-          <span block sm:hidden xl:block>{{ isHydrated ? text : '&nbsp;' }}</span>
+          <span block sm:hidden xl:block select-none>{{ isHydrated ? text : '&nbsp;' }}</span>
         </slot>
       </div>
     </CommonTooltip>

diff --git a/components/nav/NavTitle.vue b/components/nav/NavTitle.vue
@@ -17,6 +17,7 @@ router.afterEach(() => {
       flex items-end gap-4
       py2 px-5
       text-2xl
+      select-none
       focus-visible:ring="2 current"
       to="/"
       external

diff --git a/components/search/SearchWidget.vue b/components/search/SearchWidget.vue
@@ -66,6 +66,7 @@ const activate = () => {
         bg-transparent
         outline="focus:none"
         pe-4
+        select-none
         :placeholder="isHydrated ? t('nav.search') : ''"
         pb="1px"
         placeholder-text-secondary

diff --git a/components/user/UserSignInEntry.vue b/components/user/UserSignInEntry.vue
@@ -8,7 +8,7 @@
     <p text-sm text-secondary>
       {{ $t('user.sign_in_desc') }}
     </p>
-    <button btn-solid rounded-3 text-center mt-2 @click="openSigninDialog()">
+    <button btn-solid rounded-3 text-center mt-2 select-none @click="openSigninDialog()">
       {{ $t('action.sign_in') }}
     </button>
   </div>