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 => @cross.map { c =>
@views.html.game.crosstable(ctx.userId.fold(c)(c.fromPov)) @views.html.game.crosstable(ctx.userId.fold(c)(c.fromPov))
} }
@if(otherGames.nonEmpty) { </div>
<div id="now_playing"> @if(otherGames.nonEmpty) {
<h3>Other correspondence games</h3> <div id="now_playing" class="other_games">
@lobby.playing(otherGames take 6) <h3>Other correspondence games</h3>
@if(otherGames.size > 6) { @lobby.playing(otherGames take 6)
<h3>...</h3>
}
</div>
}
</div> </div>
} }
}

View file

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