backups/Fantasy-Map-Generator
1
0
Fork 0
mirror of https://github.com/Azgaar/Fantasy-Map-Generator.git synced 2025-12-17 09:41:24 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

thin scroll

Browse source
This commit is contained in:
Azgaar 2021-05-15 19:37:42 +03:00
parent 80d02ec220
commit f7aad4b658
2 changed files with 17 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

21
index.css
View file

@ -1250,17 +1250,26 @@ div.slider .ui-slider-handle {
display: none !important; display: none !important;
} }
.burgs-table {
max-height: 75vh;
overflow-x: hidden;
overflow-y: scroll;
}
.table { .table {
max-height: 75vh; max-height: 75vh;
max-width: 75vw; max-width: 75vw;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; 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 { .overflow {

4
index.html
View file

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