improve other games display

This commit is contained in:
Thibault Duplessis 2014-12-03 22:34:33 +01:00
parent c76d1e8295
commit ba2be3ed1d
2 changed files with 12 additions and 9 deletions

View file

@ -29,14 +29,11 @@ openGraph = povOpenGraph(pov)) {
@cross.map { c =>
@views.html.game.crosstable(ctx.userId.fold(c)(c.fromPov))
}
@if(otherGames.nonEmpty) {
<div id="now_playing">
<h3>Other correspondence games</h3>
@lobby.playing(otherGames take 6)
@if(otherGames.size > 6) {
<h3>...</h3>
}
</div>
}
</div>
@if(otherGames.nonEmpty) {
<div id="now_playing" class="other_games">
<h3>Other correspondence games</h3>
@lobby.playing(otherGames take 6)
</div>
}
}

View file

@ -1688,6 +1688,9 @@ body.is3d .mini_board .cg-board-wrap {
margin: 4px 0 0 4px;
overflow: hidden;
}
#now_playing.other_games {
width: 512px;
}
#now_playing h3 {
font-size: 1.4em;
}
@ -1699,6 +1702,9 @@ body.is3d .mini_board .cg-board-wrap {
transition: background-color 0.13s;
background: rgba(255, 255, 255, 0.6);
}
#now_playing.other_games > a {
padding: 5px;
}
#now_playing > a:hover {
background: rgba(191, 231, 255, 0.7);
}