Mercurial > libervia-templates
comparison default/static/blog.css @ 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 | 581e2cd4bcc2 |
children | f8798d691acf |
comparison
equal
deleted
inserted
replaced
41:e296ee56f611 | 42:0c6aa1c81252 |
---|---|
6 border-style: solid none none; | 6 border-style: solid none none; |
7 border-width: 1px; | 7 border-width: 1px; |
8 padding: 2%; | 8 padding: 2%; |
9 max-height: 7em; | 9 max-height: 7em; |
10 overflow: hidden; | 10 overflow: hidden; |
11 transition: max-height 2s; | 11 transition: max-height 0.5s; |
12 } | 12 } |
13 | 13 |
14 .main_article article.box:not(.clicked) { | 14 .main_article article.box:not(.clicked) { |
15 border-bottom-right-radius: 0; | 15 border-bottom-right-radius: 0; |
16 border-bottom-left-radius: 0; | 16 border-bottom-left-radius: 0; |
179 } | 179 } |
180 | 180 |
181 /**** clicked ****/ | 181 /**** clicked ****/ |
182 | 182 |
183 .main_article article.clicked { | 183 .main_article article.clicked { |
184 max-height: 10000px; | |
185 border-bottom-style: solid; | 184 border-bottom-style: solid; |
186 overflow: auto; | |
187 } | 185 } |
188 | 186 |
189 .clicked .expand_box { | 187 .clicked .expand_box { |
190 display: none; | 188 display: none; |
191 } | 189 } |