MAPG-103 add info about the modified places into the header

This commit is contained in:
Bence Pőcze 2020-06-05 19:38:07 +02:00
parent 92fd282184
commit 3fd37b0a78
2 changed files with 19 additions and 9 deletions

View File

@ -1,6 +1,6 @@
#map { #map {
width: 100%; width: 100%;
height: calc(100% - 50px); height: calc(100% - 40px);
z-index: 1; z-index: 1;
} }
@ -45,21 +45,21 @@
@media screen and (max-width: 999px) and (min-height: 600px) { @media screen and (max-width: 999px) and (min-height: 600px) {
#map.selected { #map.selected {
height: calc(50% - 25px); height: calc(50% - 20px);
} }
#panorama, #noPano { #panorama, #noPano {
left: 0; left: 0;
bottom: 0; bottom: 0;
right: 0; right: 0;
height: calc(50% - 25px); height: calc(50% - 20px);
} }
#control { #control {
right: 10px; right: 10px;
top: 60px; top: 50px;
} }
#placeControl { #placeControl {
right: 10px; right: 10px;
top: calc(50% + 35px); top: calc(50% + 30px);
} }
} }
@ -68,17 +68,17 @@
width: 50%; width: 50%;
} }
#panorama, #noPano { #panorama, #noPano {
top: 50px; top: 40px;
bottom: 0; bottom: 0;
right: 0; right: 0;
width: 50%; width: 50%;
} }
#control, #placeControl { #control, #placeControl {
right: 10px; right: 10px;
top: 60px; top: 50px;
} }
#control.selected { #control.selected {
right: calc(50% + 10px); right: calc(50% + 10px);
top: 60px; top: 50px;
} }
} }

View File

@ -1,6 +1,16 @@
<?php $cssFiles = ['/static/node_modules/leaflet/dist/leaflet.css', '/static/css/map_editor.css']; ?> <?php $cssFiles = ['/static/node_modules/leaflet/dist/leaflet.css', '/static/css/map_editor.css']; ?>
<?php require ROOT . '/views/templates/main_header.php'; ?> <?php require ROOT . '/views/templates/main_header.php'; ?>
<?php require ROOT . '/views/templates/header.php'; ?> <div class="header small">
<div class="grid">
<h1>
<a href="/maps" title="Back to playable maps">
<img class="inline" src="/static/img/icon.svg">
<span>MapGuesser</span>
</a>
</h1>
<p>Added: <span id="added" class="mono bold">0</span> | Edited: <span id="edited" class="mono bold">0</span> | Deleted: <span id="deleted" class="mono bold">0</span></p>
</div>
</div>
<div id="map"></div> <div id="map"></div>
<div id="control"> <div id="control">
<button id="saveButton" class="fullWidth">Save</button> <button id="saveButton" class="fullWidth">Save</button>