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

Fixed error bar from overflowing.

Browse source
This commit is contained in:
orangemug 2020-02-09 17:23:50 +00:00
parent fe5066a2a4
commit f4c18fd91b
3 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/styles/_components.scss
View file

@ -7,11 +7,7 @@
right: 0; right: 0;
bottom: 0; bottom: 0;
height: calc(100% - #{$toolbar-height + $toolbar-offset}); height: calc(100% - #{$toolbar-height + $toolbar-offset});
width: calc( width: $layout-map-width;
100%
- 200px /* layer list */
- 350px /* layer editor */
);
&--error { &--error {
align-items: center; align-items: center;

4
src/styles/_layout.scss
View file

@ -40,9 +40,9 @@
position: fixed; position: fixed;
height: 50px; height: 50px;
bottom: 0; bottom: 0;
left: 550px; right: 0;
z-index: 1; z-index: 1;
width: 100%; width: $layout-map-width;
background-color: $color-black; background-color: $color-black;
} }
} }

4
src/styles/_vars.scss
View file

@ -21,3 +21,7 @@ $font-family: Roboto, sans-serif;
$toolbar-height: 40px; $toolbar-height: 40px;
$toolbar-offset: 0; $toolbar-offset: 0;
$layout-list-width: 200px;
$layout-editor-width: 370px;
$layout-map-width: calc(100% - #{$layout-list-width + $layout-editor-width});