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

Merge pull request #616 from orangemug/fix/error-bar-width

Browse source 
Fixed overflowing error bar
This commit is contained in:
Orange Mug 2020-02-10 15:50:53 +00:00 committed by GitHub
commit f268f09ca2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
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});