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

Merge branch 'fix-map-comments-zindex' into 'master' 

Fix elements overflowing on map modal

See merge request framasoft/mobilizon!513
This commit is contained in:
Thomas Citharel 2020-07-07 11:12:39 +02:00
parent 744c040d0d acb938da74
commit 4fd3dfe3e3
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>