fix: show the scroll bar permanently visible if there are +5 plugins …

…installed
ArkEcosystem · Mar 13, 2020 · 0cb716e · 0cb716e
1 parent 6028deb
commit 0cb716e
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/src/renderer/components/App/AppSidemenu/AppSidemenuPlugins.vue b/src/renderer/components/App/AppSidemenu/AppSidemenuPlugins.vue
@@ -3,7 +3,9 @@
     v-click-outside="emitClose"
     :class="{
       'AppSidemenuPlugins--horizontal': isHorizontal,
+      'AppSidemenuPlugins__scrollable--horizontal': isHorizontal && pluginMenuItems.length >= 5,
       'AppSidemenuPlugins': !isHorizontal,
+      'AppSidemenuPlugins__scrollable': !isHorizontal && pluginMenuItems.length >= 5,
       'AppSidemenuPlugins--single': pluginMenuItems.length === 1
     }"
     class="absolute z-20 theme-dark"
@@ -77,7 +79,10 @@ export default {
   transform: translateY(-10%);
 }
 .AppSidemenuPlugins .MenuOptions {
-  @apply .flex-col .max-h-xs .overflow-y-auto;
+  @apply .flex-col .max-h-xs;
+}
+.AppSidemenuPlugins__scrollable .MenuOptions {
+  @apply .flex-col .max-h-xs .overflow-y-scroll;
 }
 
 .AppSidemenuPlugins--single {
@@ -90,6 +95,9 @@ export default {
   top: 5.75rem;
 }
 .AppSidemenuPlugins--horizontal .MenuOptions {
-  @apply .flex-col .max-h-xs .overflow-y-auto;
+  @apply .flex-col .max-h-xs;
+}
+.AppSidemenuPlugins__scrollable--horizontal .MenuOptions {
+  @apply .flex-col .max-h-xs .overflow-y-scroll;
 }
 </style>