deepcrayon/lila
deepcrayon/lila
1
0
Fork 0
Code Releases Activity

simplify rematch button animation

Browse source
This commit is contained in:
Thibault Duplessis 2018-01-11 13:07:59 -05:00
parent 26ac0eaeb6
commit 86b6313f3d
2 changed files with 14 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
public/stylesheets/board.css
View file

@ -843,6 +843,19 @@ div.control .button.disabled {
justify-content: center;
align-items: center;
text-transform: uppercase;
transition: height 0.5s ease;
}
.lichess_ground .rematch.button span {
transition: opacity 0.5s ease;
}
.lichess_ground .rematch.disabled {
height: 0;
overflow: hidden;
transition: height 0.5s ease;
}
.lichess_ground .rematch.disabled span {
opacity: 0;
transition: opacity 0.25s ease;
}
.variant_crazyhouse .lichess_ground .rematch.button {
height: 60px;
@ -872,23 +885,6 @@ div.control .button.disabled {
animation: none;
text-shadow: none;
}
.lichess_ground .rematch.enabled {
height: 80px;
transition: height 0.5s ease;
}
.lichess_ground .rematch.enabled span {
opacity: 1;
transition: opacity 0.5s ease;
}
.lichess_ground .rematch.disabled {
height: 0;
overflow: hidden;
transition: height 0.5s ease;
}
.lichess_ground .rematch.disabled span {
opacity: 0;
transition: opacity 0.25s ease;
}
.lichess_ground .rematch-decline {
position: absolute;
top: 0;

2
ui/round/src/view/button.ts
View file

@ -40,7 +40,7 @@ function rematchButtons(ctrl: RoundController): MaybeVNodes {
})
}) : null,
h('a.button.rematch.white', {
class: { me, them, enabled: true },
class: { me, them },
attrs: {
title: them ? ctrl.trans.noarg('yourOpponentWantsToPlayANewGameWithYou') : (
me ? ctrl.trans.noarg('rematchOfferSent') : '')