From 04b48cff5251ec07eb02282787a9dde178e78a1d Mon Sep 17 00:00:00 2001
From: ThomBos <thombos@MBP-di-ThomBos.station>
Date: Wed, 8 Jun 2022 14:24:03 +0200
Subject: [PATCH] chore(scrollbar): removed lasts style from old scrollbar
 library

---
 assets/styles/base.less                 | 11 -----
 assets/styles/framework/framework.less  |  2 -
 assets/styles/thirdparty/scrollbar.less | 65 -------------------------
 package.json                            |  1 -
 4 files changed, 79 deletions(-)
 delete mode 100644 assets/styles/thirdparty/scrollbar.less

diff --git a/assets/styles/base.less b/assets/styles/base.less
index bbd53ae1e7..65a69efdb2 100644
--- a/assets/styles/base.less
+++ b/assets/styles/base.less
@@ -482,17 +482,6 @@ a.link {
 }
 
 //Scrollbar
-.ps__thumb-x,
-.ps__thumb-y,
-.ps__rail-x:hover > .ps__thumb-x,
-.ps__rail-x:focus > .ps__thumb-x,
-.ps__rail-x.ps--clicking .ps__thumb-x,
-.ps__rail-y:hover > .ps__thumb-y,
-.ps__rail-y:focus > .ps__thumb-y,
-.ps__rail-y.ps--clicking .ps__thumb-y {
-  background: @flair-color !important;
-}
-
 .auto-scroll {
   &::-webkit-scrollbar-thumb {
     &:extend(.background-flair);
diff --git a/assets/styles/framework/framework.less b/assets/styles/framework/framework.less
index cfc97485db..812d76cf90 100644
--- a/assets/styles/framework/framework.less
+++ b/assets/styles/framework/framework.less
@@ -16,8 +16,6 @@
 @fifth-layer-zindex: 50;
 @viewport-width: 100vw;
 
-@import url('~/assets/styles/thirdparty/scrollbar.less');
-
 #__nuxt,
 #__layout,
 #app-wrap,
diff --git a/assets/styles/thirdparty/scrollbar.less b/assets/styles/thirdparty/scrollbar.less
deleted file mode 100644
index 0d3a52e705..0000000000
--- a/assets/styles/thirdparty/scrollbar.less
+++ /dev/null
@@ -1,65 +0,0 @@
-.scroll-area {
-  &.scrollbar-visible {
-    &.ps:hover > .ps__rail-x,
-    &.ps:hover > .ps__rail-y,
-    &.ps--focus > .ps__rail-x,
-    &.ps--focus > .ps__rail-y,
-    &.ps--scrolling-x > .ps__rail-x,
-    &.ps--scrolling-y > .ps__rail-y {
-      opacity: 1;
-    }
-
-    &.ps .ps__rail-x:hover,
-    &.ps .ps__rail-y:hover,
-    &.ps .ps__rail-x:focus,
-    &.ps .ps__rail-y:focus,
-    &.ps .ps__rail-x.ps--clicking,
-    &.ps .ps__rail-y.ps--clicking {
-      opacity: 1;
-    }
-
-    &.always {
-      &.ps--active-x > .ps__rail-x,
-      &.ps--active-y > .ps__rail-y {
-        opacity: 1;
-      }
-    }
-  }
-
-  &.ps:hover > .ps__rail-x,
-  &.ps:hover > .ps__rail-y,
-  &.ps--focus > .ps__rail-x,
-  &.ps--focus > .ps__rail-y,
-  &.ps--scrolling-x > .ps__rail-x,
-  &.ps--scrolling-y > .ps__rail-y {
-    opacity: 0;
-  }
-
-  &.ps .ps__rail-x:hover,
-  &.ps .ps__rail-y:hover,
-  &.ps .ps__rail-x:focus,
-  &.ps .ps__rail-y:focus,
-  &.ps .ps__rail-x.ps--clicking,
-  &.ps .ps__rail-y.ps--clicking {
-    opacity: 0;
-    background: transparent !important;
-  }
-
-  .ps__thumb-x {
-    width: @scrollbar-width;
-  }
-
-  .ps__thumb-y {
-    width: @scrollbar-width;
-  }
-}
-
-@media only screen and (max-width: @mobile-breakpoint) {
-  .ps__thumb-x {
-    width: @scrollbar-width-mobile;
-  }
-
-  .ps__thumb-y {
-    width: @scrollbar-width-mobile;
-  }
-}
diff --git a/package.json b/package.json
index e270c75f74..f07ccb8e24 100644
--- a/package.json
+++ b/package.json
@@ -93,7 +93,6 @@
     "v-scroll-lock": "^1.3.1",
     "vue-awesome-swiper": "^4.1.1",
     "vue-croppie": "^2.0.2",
-    "vue-custom-scrollbar": "^1.4.3",
     "vue-emoji-picker": "git+https://git@github.com/Satellite-im/vue-emoji-picker#build-satellite",
     "vue-markdown": "^2.2.4",
     "vue-multiselect": "^2.1.6",