web/storagenode: text selection on specific elements disabled (#3492)

web/storagenode/src/app/components/BarInfo.vue

@@ -72,6 +72,7 @@ export default class BarInfo extends Vue {
             font-size: 14px;
             line-height: 21px;
             color: #586c86;
+            user-select: none;
         }
 
         &__amount {

web/storagenode/src/app/components/ChecksArea.vue

@@ -69,6 +69,7 @@ export default class ChecksArea extends Vue {
                 line-height: 21px;
                 color: #586c86;
                 margin: 0 5px 0 0;
+                user-select: none;
             }
 
             .checks-area-image {

web/storagenode/src/app/components/PayoutArea.vue

@@ -59,6 +59,7 @@ export default class PayoutArea extends Vue {
             &__label {
                 font-size: 14px;
                 color: #586c86;
+                user-select: none;
             }
 
             &__bold-text {

web/storagenode/src/app/components/SNOContentFilling.vue

@@ -203,6 +203,7 @@ export default class SNOContentFilling extends Vue {
             font-size: 18px;
             line-height: 57px;
             color: #535f77;
+            user-select: none;
         }
 
         &__chart-area,
@@ -226,6 +227,7 @@ export default class SNOContentFilling extends Vue {
         &__title {
             font-size: 14px;
             color: #586c86;
+            user-select: none;
         }
 
         &__amount {

web/storagenode/src/app/components/SNOContentTitle.vue

@@ -157,6 +157,7 @@ export default class SNOContentTitle extends Vue {
         &__name {
             display: flex;
             align-items: center;
+            user-select: none;
 
             &__title {
                 margin: 0;
@@ -176,6 +177,7 @@ export default class SNOContentTitle extends Vue {
             align-items: center;
             font-size: 12px;
             position: relative;
+            user-select: none;
 
             &__online-status {
                 margin: 0 5px 0 5px;

web/storagenode/src/app/components/SNOFooter.vue

@@ -7,6 +7,7 @@
             <StorjIcon
                 class="footer__content-holder__icon"
                 alt="storj icon"
+                @click="scrollUp"
             />
             <a class="footer__content-holder__community-link" href="https://forum.storj.io/c/sno-category" target="_blank" rel="noopener">Community</a>
             <a class="footer__content-holder__support-link" href="https://support.storj.io" target="_blank" rel="noopener">Support</a>
@@ -24,7 +25,11 @@ import StorjIcon from '@/../static/images/storjIcon.svg';
         StorjIcon,
     },
 })
-export default class SNOFooter extends Vue {}
+export default class SNOFooter extends Vue {
+    public scrollUp(): void {
+        window.scrollTo(0, 0);
+    }
+}
 </script>
 
 <style scoped lang="scss">
@@ -35,6 +40,7 @@ export default class SNOFooter extends Vue {}
         justify-content: center;
         background-color: #f8f9fb;
         align-items: center;
+        user-select: none;
 
         &__content-holder {
             width: 822px;
@@ -44,6 +50,7 @@ export default class SNOFooter extends Vue {}
 
             &__icon {
                 min-width: 125px;
+                cursor: pointer;
             }
 
             &__community-link,

web/storagenode/src/app/components/SNOHeader.vue

@@ -107,6 +107,7 @@ export default class SNOHeader extends Vue {
                 &__title {
                     min-width: 55px;
                     margin-right: 5px;
+                    user-select: none;
                 }
 
                 &__id {

web/storagenode/src/app/components/SatelliteSelection.vue

@@ -68,6 +68,7 @@ export default class SatelliteSelection extends Vue {
 
         &__bold-text {
             margin-right: 3px;
+            user-select: none;
         }
 
         &__image {