Revize 863ca316

Re #8159 - new, fixed buttons, CSS improvements, refactoring

website/templates/heatmap.html.twig

@@ -100 +100 @@
   </header>
 
   <div class="map-locations">
-    <a class="menu" data-toggle="collapse" href="#mapLocations" role="button" aria-expanded="false" aria-controls="mapLocations">
+    <a href="#mapLocations" class="menu" data-toggle="collapse" role="button" aria-expanded="false" aria-controls="mapLocations">
       <span class="desktop">Prohlédněte si jednotlivé oblasti</span>
       <span class="mobile">Jednotlivé oblasti</span>
       <div class="circle"></div>
@@ -111 +111 @@
   </div>
 
   <div class="player">
-    <div class="prev" onclick="previous()"></div>
-    <div class="play" id="play-pause" onclick="changeAnimationState()"></div>
-    <div class="next" onclick="next()"></div>
+    <div class="prev-btn" onclick="previous()"></div>
+    <div class="animate-btn play" id="animate-btn" onclick="changeAnimationState()"></div>
+    <div class="next-btn" onclick="next()"></div>
 
-    <div class="datetime">
+    <div class="timeline-wrapper" title="Animovat pouze v rámci jednoho dne">
       {% if form.vars.value.date %}
       <div class="date" id="player-date" onclick="toggleDayLock()">
         <span>{{ form.vars.value.date|date('j. n. Y') }}</span>
-        <div class="lock-date"></div>
+        <div class="lock-btn"></div>
       </div>
       {% endif %}
 
       <div class="timeline">
-        <div class="time hour-0" id="timeline">0:00</div>
+        <div class="time hour-0" id="player-time">0:00</div>
 
         {% for i in 0..23 %}
         <div class="hour" title="{{ i }}:00" onclick="onChangeHour('{{ i }}')"></div>
         {% endfor %}
+
         <div class="end-dot"></div>
       </div>
     </div>