Browse Source

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

pull/44/head
Jonas Havelka 10 months ago
parent
commit
cc09980632
  1. 5
      mamweb/static/css/modules.css
  2. 2
      seminar/templates/seminar/cojemam/organizatori.html

5
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) {
a.ref-org-foto { pointer-events: none; }
/* 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 */
@media(hover: none) {
.flip-card-foto a { pointer-events: none; }
}
/* karty archiv */

2
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 %}

Loading…
Cancel
Save