phyks/cygnal
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix map resizing

Browse Source
This commit is contained in:
Lucas Verney 2018-08-24 22:16:24 +02:00
parent d24c326b01
commit ec9380ca2f
1 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/Map.vue
View File

@ -1,7 +1,6 @@
<template> <template>
<div class="fill-height fill-width"> <v-layout row fill-height wrap>
<div id="map" class="fill-height fill-width"> <v-flex xs12 id="map"></v-flex>
</div>
<v-btn <v-btn
absolute absolute
@ -19,12 +18,12 @@
> >
<v-icon>my_location</v-icon> <v-icon>my_location</v-icon>
</v-btn> </v-btn>
</div> </v-layout>
</template> </template>
<script> <script>
// TODO: Rotate the map according to user heading. // TODO: Rotate the map according to user heading.
// TODO: Map going outside of container + on resize ? // TODO: Invert logic to set isProgrammatic on user actions instead
import 'ol/ol.css'; import 'ol/ol.css';
import Feature from 'ol/Feature'; import Feature from 'ol/Feature';
import Map from 'ol/Map'; import Map from 'ol/Map';
@ -562,6 +561,10 @@ export default {
</style> </style>
<style> <style>
#map {
max-height: calc(100vh - 56px);
}
#map .ol-control button { #map .ol-control button {
height: 3em !important; height: 3em !important;
width: 3em !important; width: 3em !important;