1
Fork 0

Game layout: don't need 'GameTextWrapper' block.

master
vonavi 2014-04-16 16:55:32 +03:00
parent 2eacb85b7a
commit 2ead076d95
2 changed files with 7 additions and 12 deletions

View File

@ -36,30 +36,27 @@ body, html { height: 100%; }
@tableBorder: 1px solid #ddd; @tableBorder: 1px solid #ddd;
#GameTextWrapper { #GameText {
position: absolute; position: absolute;
top: 0; top: 0;
bottom: 0; bottom: 0;
left: @boardSize + 10px; left: @boardSize + 10px;
display: block; display: block;
width: 180px; width: 170px;
overflow-y: auto; overflow-y: auto;
} }
#GameText { #ShowPgnText {
display: table; > * { float: left; }
border-left: @tableBorder; > *:nth-child(-n+4) { border-top: @tableBorder; }
#ShowPgnText > :nth-child(-n+4) { border-top: @tableBorder; } > *:nth-child(5n+1) { border-left: @tableBorder; }
.move { .move {
display: table-cell;
float: left;
border-bottom: @tableBorder; border-bottom: @tableBorder;
border-right: @tableBorder; border-right: @tableBorder;
text-align: center; text-align: center;
} }
span.move { width: 40px; } span.move { width: 40px; }
a.move { width: 50px; } a.move { width: 50px; }
.variation { float: left; }
} }
.moveOn, .variationOn { background-color: #ccc; } .moveOn, .variationOn { background-color: #ccc; }

View File

@ -19,9 +19,7 @@ layout: default
<p></p> <p></p>
<div id="GameButtons"></div> <div id="GameButtons"></div>
<div id="GameTextWrapper"> <div id="GameText"></div>
<div id="GameText"></div>
</div>
</div> </div>
<p></p> <p></p>