schnabu/maputnik
1
0
Fork 0
mirror of https://github.com/a-nyx/maputnik-with-pmtiles.git synced 2024-12-26 17:10:36 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix to make layer list header visible at all times.

Browse source 
Also improved scrollbar styling/positioning for toolbar and layers list.
This commit is contained in:
orangemug 2020-04-25 11:05:34 +01:00
parent 1d48ab7ecf
commit 4bbe2ce1ea
3 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/styles/_layer.scss
View file

@ -2,11 +2,14 @@
.maputnik-layer-list {
height: 100%;
overflow: auto;
display: flex;
flex-direction: column;
&-header {
padding: $margin-2 $margin-2 $margin-3;
@include flex-row;
flex: 0 0;
> * {
vertical-align: middle;
@ -25,6 +28,9 @@
padding: 0;
margin: 0;
padding-bottom: $margin-5;
flex: 1;
overflow-x: hidden;
overflow-y: auto;
}
&-item-handle {

3
src/styles/_scrollbar.scss
View file

@ -1,5 +1,4 @@
// HACK: ::webkit-scrollbar selector covers to much of the UI. Bigger changes to come so for now just use :not() to ignore the toolbar
div:not(.maputnik-toolbar__actions) {
* {
&::-webkit-scrollbar {
background-color: #26282e;
width: 8px;

2
src/styles/_toolbar.scss
View file

@ -17,7 +17,7 @@
text-decoration: none;
display: block;
flex: 0 0 190px;
width: 190px;
width: 200px;
text-align: left;
background-color: $color-black;
padding: $margin-2;