Chapril/mobilizon.chapril.org-mobilizon
Chapril/mobilizon.chapril.org-mobilizon
26
0
Fork 0
Code Issues Pull Requests Releases Activity

Fix elements overflowing on map modal

Browse Source 
Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel 2020-07-07 10:54:10 +02:00
parent 4a33bdfbad
commit 5283e0d8ae
1 changed files with 17 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
js/src/views/Event/Event.vue
View File

@ -328,21 +328,6 @@
>{{ $t("Show map") }}</span
>
</div>
<b-modal
v-if="physicalAddress && physicalAddress.geom"
:active.sync="showMap"
scroll="keep"
>
<div class="map">
<map-leaflet
:coords="physicalAddress.geom"
:marker="{
text: physicalAddress.fullName,
icon: physicalAddress.poiInfos.poiIcon.icon,
}"
/>
</div>
</b-modal>
</div>
</event-metadata-block>
<event-metadata-block :title="$t('Date and time')" icon="calendar">
@ -504,6 +489,17 @@
</section>
</div>
</b-modal>
<b-modal v-if="physicalAddress && physicalAddress.geom" :active.sync="showMap">
<div class="map">
<map-leaflet
:coords="physicalAddress.geom"
:marker="{
text: physicalAddress.fullName,
icon: physicalAddress.poiInfos.poiIcon.icon,
}"
/>
</div>
</b-modal>
</div>
</transition>
</div>
@ -1174,12 +1170,6 @@ div.sidebar {
}
}
}
div.map {
height: 900px;
width: 100%;
padding: 25px 5px 0;
}
}
span.online-address {
@ -1270,4 +1260,10 @@ a.participations-link {
.event-status .tag {
font-size: 1rem;
}
div.map {
height: 900px;
width: 100%;
padding: 25px 5px 0;
}
</style>