improve gamebook hint style

pull/3523/head
Thibault Duplessis 2017-08-24 22:48:35 -05:00
parent deb652cd39
commit 241ec354da
2 changed files with 7 additions and 1 deletions

View File

@ -30,6 +30,9 @@
transform: skew(45deg) rotate(45deg);
z-index: 1;
}
.gb_play .comment.hinted::after {
background: #3893E8!important;
}
.gb_play .comment .content {
z-index: 2;
overflow-y: auto;
@ -42,6 +45,7 @@
color: #fff;
cursor: pointer;
border-radius: 0 0 5px 5px;
font-size: 0.9em;
z-index: 2;
}
.gb_play .comment a.hint {

View File

@ -18,7 +18,9 @@ export function render(ctrl: GamebookPlayCtrl): VNode {
return h('div.gamebook', {
hook: { insert: _ => window.lichess.loadCss('/assets/stylesheets/gamebook.play.css') }
}, [
comment ? h('div.comment', [
comment ? h('div.comment', {
class: { hinted: state.showHint }
}, [
h('div.content', { hook: richHTML(comment) }),
hintZone(ctrl)
]) : undefined,