schnabu/maputnik
1
0
Fork 0
mirror of https://github.com/a-nyx/maputnik-with-pmtiles.git synced 2024-12-29 09:20:26 +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 // MAP
.maputnik-map { .maputnik-map {
position: fixed !important; position: fixed !important;
top: 40px; top: $toolbar-height + $toolbar-offset;
right: 0; right: 0;
bottom: 0; bottom: 0;
height: calc(100% - $toolbar-height); height: calc(100% - #{$toolbar-height + $toolbar-offset});
width: 75%; width: 75%;
} }

8
src/styles/_layout.scss
View file

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

2
src/styles/_toolbar.scss
View file

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

1
src/styles/index.scss
View file

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