Lepší řešení otáčecích karet na dotykových zařízeních

mamweb/static/css/layout.css

@@ -638,11 +638,6 @@ div.seznam_orgu h3 {
 	margin-bottom: 0;
 }
 
-div.org_email {
-	margin-bottom: 10px;
-	font-weight: bold;
-}
-
 /* aktuální zadání */
 .stranka_aktualni_zadani {
 	text-align: center;

mamweb/static/css/modules.css

@@ -120,8 +120,9 @@ div.flip-card-foto, div.flip-card-foto img {
 	background-color: white;
 }
 
-@media(max-width: 800px) {
+/* Pokud je na přední straně něco proklikávacího (třeba celá fotka), tak na dotykových zařízeních nemůže proklikávat, aby se dalo otáčet */
-	a.ref-org-foto { pointer-events: none; }
+@media(hover: none) {
+	.flip-card-foto a { pointer-events: none; }
 }
 
 /* karty archiv */
@@ -147,6 +148,12 @@ div.cislo_odkazy ul {
 	margin: 0;
 	padding: 0;
 }
+
+/* karty orgů */
+div.org_email {
+	margin-bottom: 10px;
+	font-weight: bold;
+}
 /***********************/
 
 

seminar/templates/seminar/cojemam/organizatori.html

@@ -44,7 +44,7 @@
 
     <div class="flip-card-foto">
     {% if org.osoba.foto %}
-      <a href="{{org.osoba.foto.url}}" class="ref-org-foto"><img src="{{org.osoba.foto_male.url}}" height="{{org.osoba.foto_male.height}}" alt="{{org.osoba.jmeno}} {{org.osoba.prijmeni}}"></a>
+      <a href="{{org.osoba.foto.url}}"><img src="{{org.osoba.foto_male.url}}" height="{{org.osoba.foto_male.height}}" alt="{{org.osoba.jmeno}} {{org.osoba.prijmeni}}"></a>
     {% else %} {# pokud osoba nemá fotku, zobrazuje se defaultní obrázek #}
       {% load static %} <img src="{% static 'images/no-photo.png' %}" height=200px alt="{{org.osoba.jmeno}} {{org.osoba.prijmeni}}">
     {% endif %}