improve gamebook hint style
parent
deb652cd39
commit
241ec354da
|
@ -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 {
|
||||
|
|
|
@ -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,
|
||||
|
|
Loading…
Reference in New Issue