Mercurial > libervia-templates

comparison default/static/blog.css @ 43:f8798d691acf

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
blog/articles: fixed comments transition: - as for blog articles, removed max-height workaround in favor of clicked_mh_fix function - changed show to hide in button when comments are expanded - reduced transition time
author Goffi <goffi@goffi.org>
date Thu, 13 Jul 2017 08:41:07 +0200
parents 0c6aa1c81252
children 580670430fa2
comparison
equal deleted inserted replaced
42:0c6aa1c81252 43:f8798d691acf
120 button.comments_btn:active { 120 button.comments_btn:active {
121 background: #4d4d4d; 121 background: #4d4d4d;
122 color: #b8bcc4; 122 color: #b8bcc4;
123 } 123 }
124 124
125 button.comments_btn.clicked span.show {
126 display: none;
127 }
128
129 button.comments_btn:not(.clicked) span.hide {
130 display: none;
131 }
132
125 .comments_panel { 133 .comments_panel {
126 max-height: 0; 134 max-height: 0;
127 opacity: 0; 135 opacity: 0;
128 transition: max-height 2s, opacity 4s; 136 transition: max-height 1s, opacity 2s;
129 overflow: hidden; 137 overflow: hidden;
130 } 138 }
131 139
132 .comments_panel.show { 140 .comments_panel.clicked {
133 max-height: 10000px;
134 overflow: auto;
135 opacity: 1; 141 opacity: 1;
136 } 142 }
137 143
138 .comments article { 144 .comments article {
139 background-color: #9ca0a8; 145 background-color: #9ca0a8;