style: popup styling, hide current location on checkin open
This commit is contained in:
parent
95098f5e92
commit
9d66c4b21d
2 changed files with 23 additions and 32 deletions
|
@ -255,16 +255,6 @@ body {
|
||||||
border-top: none;
|
border-top: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.leaflet-popup {
|
|
||||||
max-width: 85vw;
|
|
||||||
max-height: 85vh;
|
|
||||||
min-width: 60vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.leaflet-popup-content {
|
|
||||||
width: auto !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.popup__image,
|
.popup__image,
|
||||||
.popup__video {
|
.popup__video {
|
||||||
width: auto;
|
width: auto;
|
||||||
|
@ -340,10 +330,6 @@ body {
|
||||||
margin-right: 1em;
|
margin-right: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.leaflet-popup {
|
|
||||||
min-width: 350px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.popup__image,
|
.popup__image,
|
||||||
.popup__video {
|
.popup__video {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
|
|
|
@ -76,7 +76,6 @@
|
||||||
@php $colour = 180 * ( 1.0 - ( ( $idx ) / ( count($trip->locations) ) ) ); @endphp
|
@php $colour = 180 * ( 1.0 - ( ( $idx ) / ( count($trip->locations) ) ) ); @endphp
|
||||||
color: 'rgb({{ $colour }}, {{ $colour }}, {{ $colour }})',
|
color: 'rgb({{ $colour }}, {{ $colour }}, {{ $colour }})',
|
||||||
weight: 5,
|
weight: 5,
|
||||||
//color: 'rgba(62, 62, 62, {{ ( $idx - 0.5) / (count($trip->locations) - 0.5 ) }})'
|
|
||||||
}).addTo(map);
|
}).addTo(map);
|
||||||
@endfor
|
@endfor
|
||||||
|
|
||||||
|
@ -147,8 +146,9 @@
|
||||||
@endforeach
|
@endforeach
|
||||||
@endif
|
@endif
|
||||||
]);
|
]);
|
||||||
@if ($trip->is_active) map.zoomOut(2.5); @endif
|
@if ($trip->is_active) map.zoomOut(1); @endif
|
||||||
|
|
||||||
|
@if($trip->is_active)
|
||||||
/*
|
/*
|
||||||
* Add the current location marker.
|
* Add the current location marker.
|
||||||
*
|
*
|
||||||
|
@ -164,13 +164,18 @@
|
||||||
{
|
{
|
||||||
icon: currLocationMarker
|
icon: currLocationMarker
|
||||||
}
|
}
|
||||||
).addTo(map).setZIndexOffset(1000);
|
).addTo(map)
|
||||||
@if($trip->is_active) currLocation.bindPopup('<p>Current location</p>').openPopup(); @endif
|
|
||||||
|
currLocation.bindPopup('<p>Current location</p>', {
|
||||||
|
width: "400px"
|
||||||
|
}).openPopup();
|
||||||
|
@endif
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* Changes the currently-selected popup.
|
* Changes the currently-selected popup.
|
||||||
*/
|
*/
|
||||||
function toggleCheckin(isOpen, checkinId) {
|
function toggleCheckin(isOpen, checkinId) {
|
||||||
|
currLocation.removeFrom(map);
|
||||||
if (isOpen) {
|
if (isOpen) {
|
||||||
const checkins = document.querySelectorAll('details');
|
const checkins = document.querySelectorAll('details');
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue