From a1a5b8ed9cb15763dc69865fab4f0463c9820783 Mon Sep 17 00:00:00 2001
From: chaos <72168435+qtchaos@users.noreply.github.com>
Date: Mon, 14 Aug 2023 23:18:37 +0300
Subject: [PATCH] Fix z-index and add scrolling for AccountsCard (#585)

* Fix z-index and add scrolling for AccountsCard

* Run Prettier on code.
---
 theseus_gui/src/components/ui/AccountsCard.vue | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/theseus_gui/src/components/ui/AccountsCard.vue b/theseus_gui/src/components/ui/AccountsCard.vue
index 337cdecbc..686930cc2 100644
--- a/theseus_gui/src/components/ui/AccountsCard.vue
+++ b/theseus_gui/src/components/ui/AccountsCard.vue
@@ -212,7 +212,7 @@ onBeforeUnmount(() => {
   flex-direction: column;
   top: 0.5rem;
   left: 5.5rem;
-  z-index: 9;
+  z-index: 11;
   gap: 0.5rem;
   padding: 1rem;
   border: 1px solid var(--color-button-bg);
@@ -220,6 +220,18 @@ onBeforeUnmount(() => {
   user-select: none;
   -ms-user-select: none;
   -webkit-user-select: none;
+  max-height: 98vh;
+  overflow-y: auto;
+
+  &::-webkit-scrollbar-track {
+    border-top-right-radius: 1rem;
+    border-bottom-right-radius: 1rem;
+  }
+
+  &::-webkit-scrollbar {
+    border-top-right-radius: 1rem;
+    border-bottom-right-radius: 1rem;
+  }
 
   &.hidden {
     display: none;