Revize dd652e61

Re #8079
- added VS Code plugin for live SASS compilation
- all CSS codes changed to SASS syntax
- menu locations in heatmap changes (auto collapsed on mobile resolutions)
- time label position changed on mobile resolutions (due user fingers)
- other CSS minor changes

website/templates/heatmap.html.twig

@@ -4 +4 @@
 {% block stylesheets %}
   <link rel="stylesheet" href="{{ asset('css/leaflet.css') }}">
   <link rel="stylesheet" href="{{ asset('css/bootstrap.min.css') }}">
-  <link rel="stylesheet" href="{{ asset('css/style.css') }}">
+  <link rel="stylesheet" href="{{ asset('css/_style.css') }}">
   <link rel="stylesheet" href="{{ asset('css/bootstrap-datepicker3.css') }}">
 {% endblock %}
 
@@ -90 +90 @@
 
   <div class="map-locations">
     <a class="menu" data-toggle="collapse" href="#mapLocations" role="button" aria-expanded="false" aria-controls="mapLocations">
-      Prohlédněte si jednotlivé oblasti
+      <span class="desktop">Prohlédněte si jednotlivé oblasti</span>
+      <span class="mobile">Jednotlivé oblasti</span>
       <div class="circle"></div>
     </a>
-    <div class="locations collapse show" id="mapLocations">
+    <div class="locations collapse" id="mapLocations">
       <ul>
         <li onclick="setMapView(49.7248, 13.3521, 17)">Kampus ZČU</li>
         <li onclick="setMapView(49.7367263, 13.3709177, 18)">FPE &ndash; Pedagogická fakulta</li>
         <li onclick="setMapView(49.7474950, 13.3748308, 18)">FPR &ndash; Právnická fakulta</li>
         <li onclick="setMapView(49.7450169, 13.3702668, 18)">FZS &ndash; Fakulta zdravotnických studií</li>
+        <li onclick="setMapView(50.0762590, 12.3640213, 17)">FEK &ndash; pracoviště Cheb</li>
         <li onclick="setMapView(49.7236785, 13.3353118, 18)">NTC &ndash; výzkumné centrum</li>
-        <li onclick="setMapView(50.0762590, 12.3640213, 17)">FEK &ndash; pobočka Cheb</li>
         <li onclick="setMapView(49.9590236, 13.1597114, 18)">Zámek ZČU &ndash; Nečtiny</li>
         <li onclick="setMapView(49.7345564, 13.3585038, 18)">Koleje Borská</li>
         <li onclick="setMapView(49.7250373, 13.3696772, 18)">Koleje Bory</li>
@@ -161 +162 @@
     <script src="{{ asset('js/zcu-heatmap.js') }}"></script>
     <script>
         initDatepicker("{{ path('dates') }}");
+        initLocationsMenu();
         initMap();
         checkDataSetsAvailability("{{ path('available') }}")
         {% if submitted %}
         loadCurrentTimeHeatmap("{{ path('opendata') }}", "{{ path('positions') }}");
         {% endif %}
+
+        $(window).resize(function() {
+          initLocationsMenu();
+        });
   </script>
 
 {% endblock %}