refactor: make no-user-select global

Signed-off-by: Varun Patil <radialapps@gmail.com>

src/components/ClusterView.vue

@@ -1,5 +1,5 @@
 <template>
-  <div v-if="noParams" class="container">
+  <div v-if="noParams" class="container no-user-select">
     <XLoadingIcon class="loading-icon centered" v-if="loading" />
 
     <TopMatter />

src/components/Timeline.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="container" ref="container">
+  <div class="container no-user-select" ref="container">
     <!-- Loading indicator -->
     <XLoadingIcon class="loading-icon centered" v-if="loading" />
 
@@ -1305,8 +1305,6 @@ export default defineComponent({
   height: 100%;
   width: 100%;
   overflow: hidden;
-  user-select: none;
-  -webkit-user-select: none; // iOS Safari is a horrible browser
   position: relative;
 
   @media (max-width: 768px) {

src/components/frame/Photo.vue

@@ -41,7 +41,8 @@
           v-if="src"
           ref="ximg"
           draggable="false"
-          :class="['ximg', 'fill-block', `memories-thumb-${data.key}`]"
+          class="ximg fill-block no-user-select"
+          :class="[`memories-thumb-${data.key}`]"
           :src="src"
           :key="data.fileid"
           @load="load"
@@ -389,8 +390,6 @@ div.img-outer {
 
     -webkit-tap-highlight-color: transparent;
     -webkit-touch-callout: none;
-    user-select: none;
-    -webkit-user-select: none;
     pointer-events: none;
     transition: border-radius 0.1s ease-in, transform 0.3s ease-in-out;
 

src/components/frame/RowHead.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="head-row" :class="{ selected: item.selected }" :style="{ height: `${item.size}px` }">
+  <div class="head-row no-user-select" :class="{ selected: item.selected }" :style="{ height: `${item.size}px` }">
     <div class="super" v-if="item.super !== undefined">
       {{ item.super }}
     </div>
@@ -74,8 +74,6 @@ export default defineComponent({
   padding-top: 10px;
   padding-left: 3px;
   font-size: 0.9em;
-  user-select: none;
-  -webkit-user-select: none;
 
   > div {
     position: relative;

src/global.scss

@@ -140,6 +140,12 @@ header#header .header-appname {
   }
 }
 
+// Disable user selection
+.no-user-select {
+  user-select: none;
+  -webkit-user-select: none; // iOS Safari is a horrible browser
+}
+
 // Make metadata tab scrollbar thin
 #tab-memories-metadata {
   scrollbar-width: thin;