update: table - scrollvar ok

src/styles/abstracts/_variables.scss

@@ -74,6 +74,8 @@
   --color-scrollbar-right-track: var(--color-grey-9);
   --color-scrollbar-left-background: var(--color-secondary);
   --color-scrollbar-left-track: var(--color-grey-11);
+  --color-scrollbar-table-background: var(--color-grey-10);
+  --color-scrollbar-table-track: var(--color-secondary);
 
   /* tags */
   --color-tag-admin-text: var(--color-complementary);

src/styles/base/main.scss

@@ -89,7 +89,7 @@
 
 
 /* Add scrollbar to the left and right menu, and to the content */
-nav, .views-container {
+nav, .views-container, .table-wrapper {
   overflow: auto;
   height: auto;
   -webkit-overflow-scrolling: touch;
@@ -136,6 +136,26 @@ nav {
   }
 }
 
+/* Custom scrollbar of the table */
+.table-wrapper {
+  scrollbar-width: thin;
+  scrollbar-color: var(--color-scrollbar-table-track) var(--color-scrollbar-table-background);
+
+  &::-webkit-scrollbar-track {
+    background-color: var(--color-scrollbar-table-background);
+    border-radius: 10px;
+  }
+
+  &::-webkit-scrollbar {
+    height: 5px;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background-color: var(--color-scrollbar-table-track);
+    border-radius: 10px;
+  }
+}
+
 /* Quick fix. Will be removed later */
 #admin-circles,
 #admin-projects,

src/styles/base/menu-left.scss

@@ -264,7 +264,6 @@
         }
 
         hubl-counter {
-          background-color: turquoise;
           height: 20px;
           width: 20px;
           margin-right: 1em;

src/styles/base/table.scss

@@ -8,6 +8,7 @@
   .table {
     border-collapse: collapse;
     display: table;
+    margin-bottom: 20px;
     overflow: auto;
     table-layout: fixed;
     width: 100%;