From 453bc5da9e090776028c56e7c90ceda640487622 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jon=C3=A1=C5=A1=20Havelka?= <jonas.havelka@volny.cz>
Date: Wed, 1 Dec 2021 08:17:10 +0100
Subject: [PATCH] =?UTF-8?q?Opraven=C3=A1=20kotva=20v=20galerii.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 galerie/templates/galerie/Galerie.html |  3 ++-
 mamweb/static/css/mamweb.css           | 15 +++++++++++++++
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/galerie/templates/galerie/Galerie.html b/galerie/templates/galerie/Galerie.html
index b2dfe994..aadc969e 100644
--- a/galerie/templates/galerie/Galerie.html
+++ b/galerie/templates/galerie/Galerie.html
@@ -62,11 +62,12 @@
         </div>
       {% endwith %}
     {% endif%}
+    <span id="nahoru" class="kotva_obrazku"></span>
     <img src="{{obrazek.obrazek_stredni.url}}"
          height="{{vyska}}"
          width="{{sirka}}"
          alt="{{obrazek.popis}}"
-         class="obrazek" id="nahoru">
+         class="obrazek">
          
     {% if obrazky_dalsi %}
       {% with obrazky_dalsi|first as dalsi_obrazek %}
diff --git a/mamweb/static/css/mamweb.css b/mamweb/static/css/mamweb.css
index fd686e98..de8b5058 100644
--- a/mamweb/static/css/mamweb.css
+++ b/mamweb/static/css/mamweb.css
@@ -1113,6 +1113,21 @@ div.zadani_termin .datum {
     float: right;
 }
 
+/* posune kotvu obrázku v galerii o oranžový pruh dolu, aby se pod ním obrázek neschovával */
+/* https://stackoverflow.com/questions/10732690/offsetting-an-html-anchor-to-adjust-for-fixed-header */
+.kotva_obrazku {
+	display: block;
+	position: relative;
+	width: 0;
+	height: 55px; /* viz #title */
+	margin-top: -55px; /* viz #title */
+}
+@media(max-width: 860px) {
+	.kotva_obrazku {
+		height: 3em; /* #FIXME nemám páru, jak zjistit výšku toho elementu */
+		margin-top: -3em; /* #FIXME */
+	}
+}
 
 /**/