Fix like button and tags ordering

@snoyberg
This commit is contained in:
Chris Done 2014-12-15 13:09:49 +01:00
parent 7a3a716efd
commit f8835ce14d
3 changed files with 27 additions and 26 deletions

View File

@ -22,7 +22,7 @@
<a href=@{route}>#{route} <a href=@{route}>#{route}
$maybe Entity _ user <- muser $maybe Entity _ user <- muser
<li> <li>
<a href=@{ProfileR}> <a href=@{ProfileR} .user-handle>
#{userDisplay user} (#{userHandle user}) #{userDisplay user} (#{userHandle user})
<li> <li>
<a href=@{AuthR LogoutR}>Logout <a href=@{AuthR LogoutR}>Logout

View File

@ -31,31 +31,31 @@ $newline never
<div .row> <div .row>
<div .span12> <div .span12>
<div .tags> <div .social>
<span .likes .social> <span .likes>
<span #likes> <span #likes>
#{nLikes} #{nLikes}
\ likes # \ likes #
<i .fa :liked:.fa-thumbs-up :not liked:.fa-thumbs-o-up #like title="#{likeTitle}"> <i .fa :liked:.fa-thumbs-up :not liked:.fa-thumbs-o-up #like title="#{likeTitle}">
<span .tags>
$if null tags $if null tags
<span .no-tags> <span .no-tags>
No tags yet. # No tags yet. #
$forall (tag,count,tagged) <- tags $forall (tag,count,tagged) <- tags
<span .tag> <span .tag>
<a href=@{TagR tag} .tag-name> <a href=@{TagR tag} .tag-name>
#{tag} # #{tag} #
<a .tag-count .tag-toggle data-slug=#{tag} :tagged:.tagged title="Add/remove vote for: #{tag}"> <a .tag-count .tag-toggle data-slug=#{tag} :tagged:.tagged title="Add/remove vote for: #{tag}">
#{count} #{count}
, # , #
<i #add-tag class="fa fa-plus-square" title="Show/hide tag form"> <i #add-tag class="fa fa-plus-square" title="Show/hide tag form">
<form #add-tag-form .hidden> <form #add-tag-form .hidden>
<p> <p>
<strong>Add tag <strong>Add tag
<div .input-append> <div .input-append>
<input type="text" id="new-tag"> <input type="text" id="new-tag">
<input type="submit" .btn #add-form-btn value="Confirm"> <input type="submit" .btn #add-form-btn value="Confirm">
<p #tag-msg .alert .alert-error style="display:none"> <p #tag-msg .alert .alert-error style="display:none">
<div .authorship> <div .authorship>
<span .license> <span .license>

View File

@ -30,12 +30,13 @@ h3 {
.fa-twittersquare { .fa-twittersquare {
color: #0088cc color: #0088cc
} }
.tags { .social {
margin-top: 0.5em;
border-top: 1px solid #ddd; border-top: 1px solid #ddd;
padding-top: 0.5em; padding-top: 0.5em;
} margin-bottom: 0.5em;
.social { margin-top: 0.5em;
border-bottom: 1px solid #ddd;
padding-bottom: 0.5em;
.fa-thumbs-o-up { .fa-thumbs-o-up {
color: rgba(0, 39, 59, 0.34902); color: rgba(0, 39, 59, 0.34902);
cursor: pointer; cursor: pointer;