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

Configurable toolbar top offset.

Browse source 
For facilitate embeding in other apps.
This commit is contained in:
Alberto Valverde 2017-01-26 20:40:53 +01:00
parent 5c286f8d96
commit 32b18e9141
No known key found for this signature in database
GPG key ID: 6D96019C9AB7AC96
4 changed files with 8 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/styles/_components.scss
View file

@ -1,10 +1,10 @@
// MAP
.maputnik-map {
position: fixed !important;
top: 40px;
top: $toolbar-height + $toolbar-offset;
right: 0;
bottom: 0;
height: calc(100% - $toolbar-height);
height: calc(100% - #{$toolbar-height + $toolbar-offset});
width: 75%;
}

8
src/styles/_layout.scss
View file

@ -17,8 +17,8 @@
&-list {
position: fixed;
bottom: 0;
height: calc(100% - $toolbar-height);
top: 40px;
height: calc(100% - #{$toolbar-height + $toolbar-offset});
top: $toolbar-height + $toolbar-offset;
left: 0;
z-index: 3;
width: 200px;
@ -29,8 +29,8 @@
&-drawer {
position: fixed;
bottom: 0;
height: calc(100% - $toolbar-height);
top: 40px;
height: calc(100% - #{$toolbar-height + $toolbar-offset});
top: $toolbar-height + $toolbar-offset;
left: 200px;
z-index: 1;
width: 350px;

2
src/styles/_toolbar.scss
View file

@ -5,7 +5,7 @@
width: 100%;
z-index: 100;
left: 0;
top: 0;
top: $toolbar-offset;
background-color: $color-black;
}

1
src/styles/index.scss
View file

@ -18,6 +18,7 @@ $font-size-6: 12px;
$font-family: Roboto, sans-serif;
$toolbar-height: 40px;
$toolbar-offset: 0px;
@import 'mixins';
@import 'reset';