diff --git a/templates/partials/list.html.nunjucks b/templates/partials/list.html.nunjucks index 0536e53227675bede197cd1d61f5f83b8a5b0b16..9c8c96ba5a77f1355541309881cdd33d5c8457a1 100644 --- a/templates/partials/list.html.nunjucks +++ b/templates/partials/list.html.nunjucks @@ -11,8 +11,10 @@ {% if page.metadata.image %}background-image: url('{{config.baseurl}}/images/leads/{{ page.metadata.image }}'){% endif %} " class="leadimage light-blue darken-2"></div> </a> + <div class="head-title" style="margin-bottom: 10px"> + <a href="{{ config.baseurl }}/{{ page.file }}"><h5 class="center">{{ page.metadata.title }}</h5></a> + </div> <div style="padding: 0px 10px;" class="head-perex"> - <a style="margin-bottom: 10px" href="{{ config.baseurl }}/{{ page.file }}"><h5 class="center">{{ page.metadata.title }}</h5></a> {% if page.metadata.perex %} {{page.metadata.perex}} {% else %} @@ -24,9 +26,9 @@ {% endif %} </div> <div class="clear"></div> - <div style="padding: 10px;"> - <span style="color: #a2a2a2">{{ page.metadata.date.creation | date("D. M. YYYY") }} napsal {{ page.metadata.author.name }}</span> - <a style="float:right" href="{{ config.baseurl }}/{{ page.file }}">ÄŚĂst dál</a> + <div style="padding: 10px;" class="head-info"> + <span style="color: #a2a2a2; text-align: left;display: inline-block;width: 75%;">{{ page.metadata.date.creation | date("D. M. YYYY") }} napsal {{ page.metadata.author.name }}</span><!-- + --><a style="text-align: right;display: inline-block;width: 25%;" href="{{ config.baseurl }}/{{ page.file }}">ÄŚĂst dál</a> </div> </div> @@ -58,8 +60,22 @@ $(".head-perex").each(function(){ if ($(this).height() > maxHeight) { maxHeight = $(this).height(); } }); - $(".head-perex").height(maxHeight); + + $(".head-title").height("auto"); + maxHeight = 0; + $(".head-title").each(function(){ + if ($(this).height() > maxHeight) { maxHeight = $(this).height(); } + }); + $(".head-title").height(maxHeight); + + $(".head-info").height("auto"); + maxHeight = 0; + $(".head-info").each(function(){ + if ($(this).height() > maxHeight) { maxHeight = $(this).height(); } + }); + $(".head-info").height(maxHeight); + $(".sidelink-icon").css("top",$(window).height()/2); }; $(window).resize(onresize);