Style scrollbars

This commit is contained in:
David Rowe 2016-03-24 09:43:08 +13:00
parent 0f352b77b2
commit 55fd861b69
2 changed files with 18 additions and 3 deletions

View file

@ -393,6 +393,21 @@ input[type=button].red:active {
} }
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
background-color: #2e2e2e;
}
::-webkit-scrollbar-thumb {
background-color: #696969;
border: 2px solid #2e2e2e;
border-radius: 8px;
}
#entity-list-header { #entity-list-header {
margin-bottom: 24px; margin-bottom: 24px;
} }
@ -478,7 +493,7 @@ input[type=button].red:active {
#entity-table thead { #entity-table thead {
position: absolute; position: absolute;
top: 52px; /* 24px below search field and 28px for header */ top: 49px;
left: 0; left: 0;
width: 100%; width: 100%;
} }
@ -489,7 +504,7 @@ input[type=button].red:active {
#entity-table tfoot { #entity-table tfoot {
position: absolute; position: absolute;
bottom: -17px; bottom: -21px;
left: 0; left: 0;
width: 100%; width: 100%;
} }

View file

@ -252,7 +252,7 @@
function resize() { function resize() {
// Take up available window space // Take up available window space
elEntityTableScroll.style.height = window.innerHeight - 218; elEntityTableScroll.style.height = window.innerHeight - 232;
// Update the widths of the header cells to match the body // Update the widths of the header cells to match the body
var tds = document.querySelectorAll("#entity-table-body tr:first-child td"); var tds = document.querySelectorAll("#entity-table-body tr:first-child td");