ashatora/editor
1
0
Fork 0
mirror of https://github.com/maputnik/editor.git synced 2026-07-30 09:47:28 +00:00
Code Issues Projects Releases Wiki Activity

Merge pull request #93 from albertov/toolbar-offset

Browse Source 
Configurable toolbar top offset.
This commit is contained in:
Lukas Martinelli
2017-01-26 23:18:17 +01:00
committed by GitHub
parent 5c286f8d96 767d68d905
commit fd291490d0
4 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/_components.scss
+2 -2
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%;
} }
src/styles/_layout.scss
+4 -4
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;
src/styles/_toolbar.scss
+1 -1
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;
} }
src/styles/index.scss
+1
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: 0;
@import 'mixins'; @import 'mixins';
@import 'reset'; @import 'reset';