tweek bookmark icon
This commit is contained in:
parent
e9d097e523
commit
6c89180d4c
|
@ -1,7 +1,7 @@
|
||||||
@(g: Game)(implicit ctx: Context)
|
@(g: Game)(implicit ctx: Context)
|
||||||
|
|
||||||
@ctx.me.map { m =>
|
@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="t" class="on is3"> @g.showBookmarks</span>
|
||||||
<span data-icon="s" class="off is3"> @g.showBookmarks</span>
|
<span data-icon="s" class="off is3"> @g.showBookmarks</span>
|
||||||
</a>
|
</a>
|
||||||
|
|
|
@ -831,6 +831,7 @@ div.side_box .game_infos .bookmark {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transform: translate(0, -20px);
|
transform: translate(0, -20px);
|
||||||
transition: 0.3s;
|
transition: 0.3s;
|
||||||
|
z-index: 10; /* to go over the board */
|
||||||
}
|
}
|
||||||
div.side_box .game_infos:hover .bookmark {
|
div.side_box .game_infos:hover .bookmark {
|
||||||
transform: translate(0, 0);
|
transform: translate(0, 0);
|
||||||
|
|
Loading…
Reference in a new issue