Increased effective clickable size of Reply button.

This commit is contained in:
Dominik Picheta 2014-12-07 14:21:03 +00:00
commit 82843d5bc2
2 changed files with 17 additions and 6 deletions

View file

@ -72,10 +72,12 @@
</div>
</div>
<div class="user-post">
<div>
#let replyUri = c.req.makeUri(c.req.path & "?action=reply#reply")
<a class="reply" href="$replyUri">Reply</a>
</div>
#let replyUri = c.req.makeUri(c.req.path & "?action=reply#reply")
<a href="$replyUri">
<div>
<span class="reply">Reply</span>
</div>
</a>
</div>
</div>
#end if

View file

@ -319,9 +319,18 @@ pre .end { background:url("/images/tabEnd.png") no-repeat left bottom; }
#talk-info > .user { width:20%; background:rgba(0,0,0,.2); }
#talk-head > .user-post,
#talk-info > .user-post { width: 15%; background:rgba(0,0,0,.2); }
#talk-info > .user-post > div > .reply { font-weight:bold; padding-left:22px; background:url("/images/forum-reply.png") no-repeat left; }
#talk-info > .user-post .reply { font-weight:bold; padding-left:22px; background:url("/images/forum-reply.png") no-repeat left; }
#talk-info > .user-post a span
{
color: #CEDAE9 !important;
}
#talk-info > .user-post > a > div:hover > span
{
color: #fff !important;
}
#talk-head > div > div,
#talk-info > div > div { padding:5px 20px; color: #1a1a1a; }
#talk-info > div > div,
#talk-info > div > a > div { padding:5px 20px; color: #1a1a1a; }
#talk-head > div > div { color: #353535; }
#talk-head > .detail > div { float:left; margin:0; }
#talk-head > .detail > div > div { padding-left:22px; }