tweek bookmark icon

This commit is contained in:
Thibault Duplessis 2014-11-25 21:42:24 +01:00
parent e9d097e523
commit 6c89180d4c
2 changed files with 2 additions and 1 deletions

View file

@ -1,7 +1,7 @@
@(g: Game)(implicit ctx: Context)
@ctx.me.map { m =>
<a class="bookmark@isBookmarked(g, m).fold(" bookmarked", "") hint--left" href="@routes.Bookmark.toggle(g.id)" data-hint="@trans.bookmarkThisGame()">
<a class="bookmark@isBookmarked(g, m).fold(" bookmarked", "") hint--top" href="@routes.Bookmark.toggle(g.id)" data-hint="@trans.bookmarkThisGame()">
<span data-icon="t" class="on is3"> @g.showBookmarks</span>
<span data-icon="s" class="off is3"> @g.showBookmarks</span>
</a>

View file

@ -831,6 +831,7 @@ div.side_box .game_infos .bookmark {
opacity: 0;
transform: translate(0, -20px);
transition: 0.3s;
z-index: 10; /* to go over the board */
}
div.side_box .game_infos:hover .bookmark {
transform: translate(0, 0);