From 466cc8ab0b5458baf5700e18f1115381c044a5a3 Mon Sep 17 00:00:00 2001
From: Vitalii Shpital <46756926+VitaliiShpital@users.noreply.github.com>
Date: Tue, 5 Nov 2019 17:53:37 +0200
Subject: [PATCH] web/storagenode: text selection on specific elements disabled
 (#3492)

---
 web/storagenode/src/app/components/BarInfo.vue           | 1 +
 web/storagenode/src/app/components/ChecksArea.vue        | 1 +
 web/storagenode/src/app/components/PayoutArea.vue        | 1 +
 web/storagenode/src/app/components/SNOContentFilling.vue | 2 ++
 web/storagenode/src/app/components/SNOContentTitle.vue   | 2 ++
 web/storagenode/src/app/components/SNOFooter.vue         | 9 ++++++++-
 web/storagenode/src/app/components/SNOHeader.vue         | 1 +
 .../src/app/components/SatelliteSelection.vue            | 1 +
 8 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/web/storagenode/src/app/components/BarInfo.vue b/web/storagenode/src/app/components/BarInfo.vue
index b8da6bffc..87fef5078 100644
--- a/web/storagenode/src/app/components/BarInfo.vue
+++ b/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 {
diff --git a/web/storagenode/src/app/components/ChecksArea.vue b/web/storagenode/src/app/components/ChecksArea.vue
index 8bc10e378..34211df88 100644
--- a/web/storagenode/src/app/components/ChecksArea.vue
+++ b/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 {
diff --git a/web/storagenode/src/app/components/PayoutArea.vue b/web/storagenode/src/app/components/PayoutArea.vue
index 3c367e0d4..33495b277 100644
--- a/web/storagenode/src/app/components/PayoutArea.vue
+++ b/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 {
diff --git a/web/storagenode/src/app/components/SNOContentFilling.vue b/web/storagenode/src/app/components/SNOContentFilling.vue
index 39dc6a07e..1908adc91 100644
--- a/web/storagenode/src/app/components/SNOContentFilling.vue
+++ b/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 {
diff --git a/web/storagenode/src/app/components/SNOContentTitle.vue b/web/storagenode/src/app/components/SNOContentTitle.vue
index bce4177b3..1d0935648 100644
--- a/web/storagenode/src/app/components/SNOContentTitle.vue
+++ b/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;
diff --git a/web/storagenode/src/app/components/SNOFooter.vue b/web/storagenode/src/app/components/SNOFooter.vue
index 6c86f89fa..6a68755bc 100644
--- a/web/storagenode/src/app/components/SNOFooter.vue
+++ b/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,
diff --git a/web/storagenode/src/app/components/SNOHeader.vue b/web/storagenode/src/app/components/SNOHeader.vue
index 68f0e4425..b663b22c9 100644
--- a/web/storagenode/src/app/components/SNOHeader.vue
+++ b/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 {
diff --git a/web/storagenode/src/app/components/SatelliteSelection.vue b/web/storagenode/src/app/components/SatelliteSelection.vue
index bb755da71..97159ab40 100644
--- a/web/storagenode/src/app/components/SatelliteSelection.vue
+++ b/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 {