Added the icon for the map type; commented out the map location dropdown; minor UI improvements.

This commit is contained in:
PeekabooSteam
2023-03-07 09:57:58 +00:00
parent 11a495f4ac
commit bdf240ed4a
2 changed files with 9 additions and 5 deletions

View File

@@ -100,12 +100,12 @@ button[disabled="disabled"] {
.ol-select:not( .ol-select-image ) > .ol-select-value {
background-color: var( --background-grey );
border-radius: var( --border-radius-sm );
justify-content: center;
padding:1em;
width:100%;
}
.ol-select:not( .ol-select-image ) > .ol-select-value:before {
content: "[ ]";
.ol-select:not( .ol-select-image ) > .ol-select-value svg {
margin-right: 10px;
}

View File

@@ -44,7 +44,11 @@
</div>
<div id="map-type" class="ol-select">
<div class="ol-select-value">ArcGIS Satellite</div>
<div class="ol-select-value">
<svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.1562 3.53125C11.1562 5.03516 9.13281 7.6875 8.25781 8.78125C8.06641 9.05469 7.65625 9.05469 7.46484 8.78125C6.58984 7.6875 4.59375 5.03516 4.59375 3.53125C4.59375 1.72656 6.04297 0.25 7.875 0.25C9.67969 0.25 11.1562 1.72656 11.1562 3.53125ZM11.375 5.74609C11.457 5.55469 11.5391 5.36328 11.6211 5.17188C11.6484 5.14453 11.6484 5.11719 11.6758 5.08984L14.8477 3.80469C15.2578 3.64062 15.75 3.94141 15.75 4.40625V11.8164C15.75 12.0898 15.5859 12.3359 15.3125 12.4453L11.375 14.0039V5.74609ZM3.74609 4.05078C3.82812 4.43359 3.9375 4.81641 4.10156 5.17188C4.18359 5.36328 4.26562 5.55469 4.375 5.74609V12.6094L0.875 14.0039C0.464844 14.168 0 13.8672 0 13.4023V5.99219C0 5.71875 0.164062 5.47266 0.410156 5.39062L3.74609 4.05078ZM8.94141 9.32812C9.32422 8.86328 9.92578 8.09766 10.5 7.22266V14.0586L5.25 12.5547V7.22266C5.79688 8.09766 6.39844 8.86328 6.78125 9.32812C7.32812 10.0391 8.39453 10.0391 8.94141 9.32812ZM7.875 4.40625C8.47656 4.40625 8.96875 3.94141 8.96875 3.3125C8.96875 2.71094 8.47656 2.21875 7.875 2.21875C7.24609 2.21875 6.78125 2.71094 6.78125 3.3125C6.78125 3.94141 7.24609 4.40625 7.875 4.40625Z" fill="white"/>
</svg>
ArcGIS Satellite</div>
<div class="ol-select-options">
<div>
<button>ArcGIS Satellite</button>
@@ -67,7 +71,7 @@
</div>
</div>
<div class="ol-select">
<!-- <div class="ol-select">
<div class="ol-select-value">Caucasus</div>
<div class="ol-select-options">
<div>
@@ -80,7 +84,7 @@
<button>Syria</button>
</div>
</div>
</div>
</div> -->
<div class="ol-group">
<button title="Toggle planes visibility">P</button>