Currency-account fix

iwokonl · Jun 3, 2024 · 877c200 · 877c200
1 parent 7e633e8
commit 877c200
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 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
@@ -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
@@ -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
@@ -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;