move street view cover button to the map as circleControl
All checks were successful
default-pipeline default-pipeline #159

This commit is contained in:
Bence Pőcze 2021-05-02 14:53:01 +02:00
parent 26c5a78b90
commit c4c03d5dfb
Signed by: bence
GPG Key ID: AA52B11A3269D1C1
3 changed files with 19 additions and 8 deletions

View File

@ -55,6 +55,12 @@
visibility: hidden; visibility: hidden;
} }
#overlayControl {
bottom: 20px;
right: 10px;
z-index: 3;
}
#deleteButton { #deleteButton {
display: none; display: none;
} }

View File

@ -404,7 +404,7 @@
LMapWrapper.loadMarkers(places); LMapWrapper.loadMarkers(places);
document.getElementById('streetViewCoverSelector').disabled = true; document.getElementById('streetViewCoverSelector').style.display = 'none';
}, },
hide: function () { hide: function () {
@ -536,7 +536,7 @@
GMapWrapper.loadMarkers(places); GMapWrapper.loadMarkers(places);
document.getElementById('streetViewCoverSelector').disabled = false; document.getElementById('streetViewCoverSelector').style.display = 'block'
}, },
hide: function () { hide: function () {

View File

@ -11,18 +11,13 @@
@extends(templates/layout_full) @extends(templates/layout_full)
@section(subheader) @section(subheader)
<span><a href="javascript:;" id="mapName" title="Edit map data"><?= $mapName ?></a></span><!-- <span><a href="javascript:;" id="mapName" title="Edit map data"><?= $mapName ?></a></span><!--
--><span class="inline hideOnMobile" id="mapSelection"> --><span class="inline hideOnMobile" id="mapSelection">
<button id="mapSelector"> <button id="mapSelector">
<img src="<?= $_ENV['STATIC_ROOT'] ?>/img/map.svg?rev=<?= REVISION ?>" alt="Map Selector" /> <img src="<?= $_ENV['STATIC_ROOT'] ?>/img/map.svg?rev=<?= REVISION ?>" alt="Map Selector" />
</button> </button>
</span><!-- </span><!--
--><span class="inline hideOnMobile" id="mapSelection">
<button id="streetViewCoverSelector">
<img src="<?= $_ENV['STATIC_ROOT'] ?>/img/street-view-cover.svg?rev=<?= REVISION ?>" alt="Street View Conver" />
</button>
</span><!--
--><span class="inline hideOnMobile"> --><span class="inline hideOnMobile">
<input type="text" id="jumpCoordinates" placeholder="Insert coordinates here" /> <input type="text" id="jumpCoordinates" placeholder="Insert coordinates here" />
<button id="jumpButton" disabled >Jump</button> <button id="jumpButton" disabled >Jump</button>
@ -71,6 +66,16 @@
<div id="map" class="map"> <div id="map" class="map">
<div id="lmap" class="map"></div> <div id="lmap" class="map"></div>
<div id="gmap" class="map"></div> <div id="gmap" class="map"></div>
<div id="overlayControl" class="circleControl">
<div id="streetViewCoverSelector" class="controlItem" title="Toggle Street View Cover">
<div>
<img src="<?= $_ENV['STATIC_ROOT'] ?>/img/circle_background.svg?rev=<?= REVISION ?>" alt="Circle Background" class="controlBackground" />
</div>
<div>
<img src="<?= $_ENV['STATIC_ROOT'] ?>/img/street-view-cover.svg?rev=<?= REVISION ?>" alt="Street View Cover" class="controlIcon" />
</div>
</div>
</div>
</div> </div>
<div id="panorama"></div> <div id="panorama"></div>
<div id="noPano"> <div id="noPano">