update: table - scrollvar ok

This commit is contained in:
gaelle morin 2020-06-10 12:22:22 +02:00
parent e6d1ddc33c
commit 3629c0c20b
No known key found for this signature in database
GPG Key ID: 028426702B95CF9C
4 changed files with 24 additions and 2 deletions

View File

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

View File

@ -89,7 +89,7 @@
/* Add scrollbar to the left and right menu, and to the content */ /* Add scrollbar to the left and right menu, and to the content */
nav, .views-container { nav, .views-container, .table-wrapper {
overflow: auto; overflow: auto;
height: auto; height: auto;
-webkit-overflow-scrolling: touch; -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 */ /* Quick fix. Will be removed later */
#admin-circles, #admin-circles,
#admin-projects, #admin-projects,

View File

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

View File

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