From 877c20040d85bd7df358b7a56fd3901fa5f1a13c Mon Sep 17 00:00:00 2001
From: brozanski <100760688+brozanski@users.noreply.github.com>
Date: Mon, 3 Jun 2024 21:25:12 +0200
Subject: [PATCH] Currency-account fix

---
 .../currency-account.component.html           |  2 +-
 .../currency-account.component.scss           | 28 +++++++++++++++++++
 Front/kantor-angular/src/styles.scss          |  1 +
 3 files changed, 30 insertions(+), 1 deletion(-)

diff --git a/Front/kantor-angular/src/app/currency-account/currency-account.component.html b/Front/kantor-angular/src/app/currency-account/currency-account.component.html
index 3e2bc782..c33e93ab 100644
--- a/Front/kantor-angular/src/app/currency-account/currency-account.component.html
+++ b/Front/kantor-angular/src/app/currency-account/currency-account.component.html
@@ -97,7 +97,7 @@ <h1 class="currency-flag">{{ currencyFlags[selectedAccount.currencyCode] }}</h1>
     <div class="lower-container">
       <div class="lower-container">
         <div class="transactions">
-          <div class="transactions-table" *ngFor="let transaction of transactions">
+          <div class="transactions-table" >
             <table>
               <thead>
               <tr>
diff --git a/Front/kantor-angular/src/app/currency-account/currency-account.component.scss b/Front/kantor-angular/src/app/currency-account/currency-account.component.scss
index 2c30fd45..a95091fe 100644
--- a/Front/kantor-angular/src/app/currency-account/currency-account.component.scss
+++ b/Front/kantor-angular/src/app/currency-account/currency-account.component.scss
@@ -353,6 +353,8 @@ a:hover{
   justify-content: center;
   align-items: center;
   padding: 20px;
+  overflow-y: auto;
+  max-height: 100%;
 
   th{
     text-align: center;
@@ -369,4 +371,30 @@ a:hover{
     margin-top: 20px;
     margin-left: 10px;
   }
+
+  &::-webkit-scrollbar {
+    width: 20px;
+    padding-right: 20px;
+    padding-top: 10%;
+    padding-bottom: 10%;
+  }
+
+  &::-webkit-scrollbar-track {
+    border-radius: 10px;
+    margin-top: 30px;
+    margin-bottom: 30px;
+    box-shadow: inset 0 0 10px 10px transparentize(#888, 0.5);
+    border: solid 5px transparent;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    box-shadow: inset 0 0 10px 10px transparentize(#888, 0.5);
+    border: solid 5px transparent;
+  }
+
+  &::-webkit-scrollbar-thumb:hover {
+    box-shadow: inset 0 0 10px 10px #555;
+    border: solid 5px transparent;
+  }
 }
diff --git a/Front/kantor-angular/src/styles.scss b/Front/kantor-angular/src/styles.scss
index eb3d08df..2d7f6a12 100644
--- a/Front/kantor-angular/src/styles.scss
+++ b/Front/kantor-angular/src/styles.scss
@@ -53,6 +53,7 @@ app-root{
   border-radius: 12px;
   z-index: 99999;
   height: 52px;
+  top: 20px;
 }
 .mat-mdc-snack-bar-container .mdc-snackbar__surface{
   box-shadow: none !important;