Mercurial > libervia-templates
changeset 42:0c6aa1c81252
blog/item: transition fix
removed big value on max-height for transition workaround in favor of new clicked_mh_fix function + reduced transition time to 0.5 s
author | Goffi <goffi@goffi.org> |
---|---|
date | Thu, 13 Jul 2017 08:39:23 +0200 |
parents | e296ee56f611 |
children | f8798d691acf |
files | default/blog/item.html default/static/blog.css |
diffstat | 2 files changed, 2 insertions(+), 4 deletions(-) [+] |
line wrap: on
line diff
--- a/default/blog/item.html Thu Jul 13 08:36:07 2017 +0200 +++ b/default/blog/item.html Thu Jul 13 08:39:23 2017 +0200 @@ -5,7 +5,7 @@ {% set other_lang = " other_lang" %} {% endif %} -<article id="{{ item.id }}" class="init box{{other_lang}}" onclick="clicked_cls(this)"> +<article id="{{ item.id }}" class="init box{{other_lang}}" onclick="clicked_mh_fix(this)"> {% if other_lang is defined %} <div class="info"><p>{% trans language=locale.language_name %}This message is not in {{language}}, click to display anyway{% endtrans %}</p></div> {% endif %}
--- a/default/static/blog.css Thu Jul 13 08:36:07 2017 +0200 +++ b/default/static/blog.css Thu Jul 13 08:39:23 2017 +0200 @@ -8,7 +8,7 @@ padding: 2%; max-height: 7em; overflow: hidden; - transition: max-height 2s; + transition: max-height 0.5s; } .main_article article.box:not(.clicked) { @@ -181,9 +181,7 @@ /**** clicked ****/ .main_article article.clicked { - max-height: 10000px; border-bottom-style: solid; - overflow: auto; } .clicked .expand_box {