board borders
parent
9be978eac1
commit
212e95dc8d
|
@ -2,6 +2,10 @@
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 600px;
|
min-height: 600px;
|
||||||
}
|
}
|
||||||
|
#board_editor .cg-board-wrap {
|
||||||
|
width: 512px;
|
||||||
|
height: 512px;
|
||||||
|
}
|
||||||
#board_editor .cg-board {
|
#board_editor .cg-board {
|
||||||
width: 512px;
|
width: 512px;
|
||||||
height: 512px;
|
height: 512px;
|
||||||
|
@ -62,7 +66,7 @@
|
||||||
width: 40px;
|
width: 40px;
|
||||||
}
|
}
|
||||||
#board_editor .copyable {
|
#board_editor .copyable {
|
||||||
width: 460px;
|
width: 462px;
|
||||||
}
|
}
|
||||||
#editor-side > div.color {
|
#editor-side > div.color {
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
|
|
|
@ -1,3 +1,6 @@
|
||||||
|
.cg-board-wrap {
|
||||||
|
border: 1px solid #ccc;
|
||||||
|
}
|
||||||
.cg-board {
|
.cg-board {
|
||||||
-webkit-user-select: none;
|
-webkit-user-select: none;
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
|
@ -9,7 +12,6 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
border: 1px solid #ccc;
|
|
||||||
}
|
}
|
||||||
.cg-square {
|
.cg-square {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
|
@ -35,8 +35,7 @@ body.dark div.undertable_inner,
|
||||||
body.dark div.undertable td,
|
body.dark div.undertable td,
|
||||||
body.dark #tv_history td,
|
body.dark #tv_history td,
|
||||||
body.dark #chat form input,
|
body.dark #chat form input,
|
||||||
body.dark div.lichess_board_wrap,
|
body.dark div.cg-board-wrap,
|
||||||
body.dark div.cg-board,
|
|
||||||
body.dark #translation_call,
|
body.dark #translation_call,
|
||||||
body.dark #footer_wrap,
|
body.dark #footer_wrap,
|
||||||
body.dark div.game_config .optional_config,
|
body.dark div.game_config .optional_config,
|
||||||
|
|
|
@ -109,7 +109,7 @@ module.exports = function(ctrl) {
|
||||||
}
|
}
|
||||||
}, [
|
}, [
|
||||||
ctrl.costly(partial(sparePieces, ctrl, opposite)),
|
ctrl.costly(partial(sparePieces, ctrl, opposite)),
|
||||||
chessground.view(ctrl.chessground),
|
m('div.cg-board-wrap', chessground.view(ctrl.chessground)),
|
||||||
ctrl.costly(partial(sparePieces, ctrl, color)),
|
ctrl.costly(partial(sparePieces, ctrl, color)),
|
||||||
ctrl.costly(partial(controls, ctrl, fen)),
|
ctrl.costly(partial(controls, ctrl, fen)),
|
||||||
ctrl.costly(partial(inputs, ctrl, fen))
|
ctrl.costly(partial(inputs, ctrl, fen))
|
||||||
|
|
|
@ -279,7 +279,7 @@ module.exports = function(ctrl) {
|
||||||
return m('div#puzzle.training', [
|
return m('div#puzzle.training', [
|
||||||
renderSide(ctrl),
|
renderSide(ctrl),
|
||||||
m('div.board_and_ground', [
|
m('div.board_and_ground', [
|
||||||
chessground.view(ctrl.chessground),
|
m('div.cg-board-wrap', chessground.view(ctrl.chessground)),
|
||||||
m('div.right', ctrl.data.mode == 'view' ? renderViewTable(ctrl) : renderPlayTable(ctrl))
|
m('div.right', ctrl.data.mode == 'view' ? renderViewTable(ctrl) : renderPlayTable(ctrl))
|
||||||
]),
|
]),
|
||||||
m('div.center', [
|
m('div.center', [
|
||||||
|
|
|
@ -49,7 +49,7 @@ function renderResult(ctrl) {
|
||||||
ctrl.trans(winner.color == 'white' ? 'whiteIsVictorious' : 'blackIsVictorious')
|
ctrl.trans(winner.color == 'white' ? 'whiteIsVictorious' : 'blackIsVictorious')
|
||||||
])
|
])
|
||||||
]) :
|
]) :
|
||||||
m('div.lichess_player', renderStatus(ctrl));
|
m('div.lichess_player', m('p', renderStatus(ctrl)));
|
||||||
}
|
}
|
||||||
|
|
||||||
function renderRematchButton(ctrl) {
|
function renderRematchButton(ctrl) {
|
||||||
|
@ -71,11 +71,7 @@ function renderTableEnd(ctrl) {
|
||||||
m('form[method=post]', {
|
m('form[method=post]', {
|
||||||
action: router.Pool.leave(d.game.pool.id)
|
action: router.Pool.leave(d.game.pool.id)
|
||||||
}, m('button.button[type=submit]', 'Leave the pool'))
|
}, m('button.button[type=submit]', 'Leave the pool'))
|
||||||
] : (d.game.tournament ? m('a[data-icon=G]', {
|
] : (d.game.tournament ? m('a.button' + (d.game.tournament.running ? '.strong' : '') + '[data-icon=G]', {
|
||||||
class: classSet({
|
|
||||||
button: true,
|
|
||||||
strong: d.game.tournament.running
|
|
||||||
}),
|
|
||||||
href: ctrl.router.Tournament.show(d.game.tournament.id)
|
href: ctrl.router.Tournament.show(d.game.tournament.id)
|
||||||
}, ctrl.trans('backToTournament')) : (d.opponent.ai ? renderRematchButton(ctrl) : [
|
}, ctrl.trans('backToTournament')) : (d.opponent.ai ? renderRematchButton(ctrl) : [
|
||||||
m('div.lichess_separator'),
|
m('div.lichess_separator'),
|
||||||
|
|
Loading…
Reference in New Issue