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

ui/round action confirmation: buttons that scream PRESS ME (again)

Browse source
This commit is contained in:
Thibault Duplessis 2017-08-21 18:17:15 -05:00
parent 15c311a955
commit ac51aac65b
3 changed files with 29 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
public/stylesheets/board.css
View file

@ -718,9 +718,7 @@ div.control.icons.confirm > button {
div.control.icons .act_confirm {
visibility: visible;
position: relative;
}
div.control.icons .act_confirm .yes {
animation: fbt-glowing 1s ease-in-out infinite;
width: 60px;
}
div.control.icons .act_confirm .no {
padding: 8px 0;
@ -728,8 +726,32 @@ div.control.icons .act_confirm .no {
text-align: center;
position: absolute;
top: 0;
right: -30px;
right: -34px;
}
div.control.icons .act_confirm .yes {
position: absolute;
right: 0;
top: -3px;
border-radius: 8px;
color: #FFF;
text-decoration: none;
background: #82BF56!important;
border-bottom: 5px solid #759900;
text-shadow: 0 -1px #759900;
transition: all 0.1s;
transform: translate(0px,0px);
}
div.control.icons .act_confirm .yes:hover {
filter: brightness(1.06);
}
div.control.icons .act_confirm .yes:active {
transform: translate(0px,5px);
border-bottom-width: 1px;
text-shadow: 0 0 #759900;
filter: brightness(1);
}
div.control .button.disabled {
opacity: 0.5;
cursor: not-allowed;

5
public/stylesheets/tournament.css
View file

@ -245,7 +245,6 @@ ol.scheduled_tournaments a {
position: absolute;
right: 5px;
top: -3px;
transform: translate(0px,0px);
padding: 8px 20px;
border-radius: 8px;
color: #FFF;
@ -253,8 +252,8 @@ ol.scheduled_tournaments a {
background: #82BF56;
border-bottom: 5px solid #759900;
text-shadow: 0 -1px #759900;
transition: all 0.08s;
filter: brightness(1);
transition: all 0.1s;
transform: translate(0px,0px);
}
#tournament .highlight:hover {
filter: brightness(1.06);

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

@ -106,7 +106,7 @@ function actConfirm(ctrl: RoundController, f: (v: boolean) => void, transKey: st
h('button.fbt.yes.active.hint--bottom.' + (klass || ''), {
attrs: {'data-hint': ctrl.trans.noarg(transKey) },
hook: util.bind('click', () => f(true))
}, [h('span', util.justIcon(icon)), ' ?']),
}, [h('span', util.justIcon(icon))]),
h('button.fbt.no.hint--bottom', {
attrs: { 'data-hint': ctrl.trans.noarg('cancel') },
hook: util.bind('click', () => f(false))