thin scrollbar

This commit is contained in:
Azgaar 2021-08-04 23:55:29 +03:00
parent 460bb29e49
commit 597f9ae038
2 changed files with 17 additions and 8 deletions

View file

@ -1273,17 +1273,26 @@ div.slider .ui-slider-handle {
display: none !important;
}
.burgs-table {
max-height: 75vh;
overflow-x: hidden;
overflow-y: scroll;
}
.table {
max-height: 75vh;
max-width: 75vw;
overflow-x: hidden;
overflow-y: auto;
scrollbar-width: thin;
}
.table::-webkit-scrollbar {
width: 6px;
background-color: transparent;
}
.table::-webkit-scrollbar-thumb {
background-color: #aaa;
border-radius: 6px;
}
.table::-webkit-scrollbar-thumb:hover {
background: #666;
}
.overflow {

View file

@ -3195,7 +3195,7 @@
<div style="left:31.2em" data-tip="Click to sort by burg type" class="sortable alphabetically" data-sortby="type">Type&nbsp;</div>
</div>
<div id="burgsBody" class="burgs-table"></div>
<div id="burgsBody" class="table"></div>
<div id="burgsFilters" data-tip="Apply a filter">
<span>State: </span>
@ -3230,7 +3230,7 @@
<div style="left:30em" data-tip="Click to sort by river basin" class="sortable alphabetically" data-sortby="basin">Basin&nbsp;</div>
</div>
<div id="riversBody" class="burgs-table"></div>
<div id="riversBody" class="table"></div>
<div id="riversFooter" class="totalLine">
<div data-tip="Rivers number" style="margin-left: 4px">Rivers:&nbsp;<span id="riversFooterNumber">0</span></div>