mam/mamweb
11
0
Fork 0
Code Issues Pull requests 8 Projects Wiki Activity Actions

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

Browse source
This commit is contained in:
Jonas Havelka 2024-02-24 08:55:09 +01:00
parent 3363fbdc7c
commit cc09980632
2 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
mamweb/static/css/modules.css
View file

@ -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
View file

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