potsda.mn/mobilizon
10
4
Fork 1
Code Issues 22 Pull requests 1 Projects Releases Wiki 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 2a89acb6db
commit acb938da74
No known key found for this signature in database
GPG key ID: A061B9DDE0CA0773
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 >{{ $t("Show map") }}</span
> >
</div> </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> </div>
</event-metadata-block> </event-metadata-block>
<event-metadata-block :title="$t('Date and time')" icon="calendar"> <event-metadata-block :title="$t('Date and time')" icon="calendar">
@ -504,6 +489,17 @@
</section> </section>
</div> </div>
</b-modal> </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> </div>
</transition> </transition>
</div> </div>
@ -1174,12 +1170,6 @@ div.sidebar {
} }
} }
} }
div.map {
height: 900px;
width: 100%;
padding: 25px 5px 0;
}
} }
span.online-address { span.online-address {
@ -1270,4 +1260,10 @@ a.participations-link {
.event-status .tag { .event-status .tag {
font-size: 1rem; font-size: 1rem;
} }
div.map {
height: 900px;
width: 100%;
padding: 25px 5px 0;
}
</style> </style>