Commit 0b119ef5914cdee1b94c9ea362daa3439da3ccf2
1 parent
fcc14ee1
Exists in
master
and in
39 other branches
Improving toggle button
Showing
2 changed files
with
16 additions
and
1 deletions
Show diff stats
src/static/css/screen.css
| @@ -247,6 +247,21 @@ ul.unstyled-list .glyphicon-chevron-right { | @@ -247,6 +247,21 @@ ul.unstyled-list .glyphicon-chevron-right { | ||
| 247 | font-weight: bold; | 247 | font-weight: bold; |
| 248 | } | 248 | } |
| 249 | 249 | ||
| 250 | +.toggle-reply { | ||
| 251 | + height: 10px; | ||
| 252 | + line-height: 3px; | ||
| 253 | + padding: 0px 5px 14px; | ||
| 254 | + vertical-align: middle; | ||
| 255 | + font-size: 20px; | ||
| 256 | + background-color: #bbb; | ||
| 257 | + border-color: #aaa; | ||
| 258 | +} | ||
| 259 | + | ||
| 260 | +.toggle-reply:hover, | ||
| 261 | +.toggle-reply:focus { | ||
| 262 | + background-color: #aaa; | ||
| 263 | + border-color: #999; | ||
| 264 | + | ||
| 250 | /* Converse JS */ | 265 | /* Converse JS */ |
| 251 | 266 | ||
| 252 | #chatpanel form#converse-login { | 267 | #chatpanel form#converse-login { |
src/super_archives/templates/superarchives/tags/display_message.html
| 1 | {% for block in blocks %} | 1 | {% for block in blocks %} |
| 2 | {% if block.is_reply %} | 2 | {% if block.is_reply %} |
| 3 | - <button class="btn btn-info btn-xs" onclick="$(this).next().toggle();">...</button> | 3 | + <button class="btn btn-info btn-xs toggle-reply" onclick="$(this).next().toggle();">...</button> |
| 4 | <div style="display: none; color: #707;">{% else %}<div>{% endif %}{{ block|safe|linebreaksbr }}</div> | 4 | <div style="display: none; color: #707;">{% else %}<div>{% endif %}{{ block|safe|linebreaksbr }}</div> |
| 5 | {% endfor %} | 5 | {% endfor %} |