sudoxreboot/habitica-self-host
1
0
Fork 0
mirror of https://github.com/sudoxnym/habitica-self-host.git synced 2026-08-01 03:30:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor circle and checkmark. maybe better cross-browser

Browse source
This commit is contained in:
Zachary Kain 2013-03-08 21:01:04 -05:00
parent 17dcb70e04
commit 5c4f400a2a
1 changed files with 15 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
styles/app/tasks.styl
View file

@ -191,22 +191,25 @@ for $stage in $stages
.action-yesno
// uncompleted icon
label:after
content: '○'
content: '◯'
display: block
font-size: 3em
line-height: 0.93
height: 1.875em
width: 1.875em
font-size: 1.6em
line-height: 1.875em
text-align: center
color: black
opacity: 0.2
opacity: 0.1
// hint at completed icon
label:hover:after,
label:focus:after
content: '¬'
font-size: 3em
margin-left: -9px
line-height: 1.5
text-align: left
line-height: 1em
height: 1em
width: 1.2em
text-align: center
transform: rotate(135deg)
opacity: 0.5 !important
label:active:after
@ -215,10 +218,12 @@ for $stage in $stages
// completed icon
input[type=checkbox]:checked + label:after
content: '¬'
font-size: 3em
line-height: 1em
height: 1em
width: 1.2em
text-align: center
transform: rotate(135deg)
line-height: 1.5
margin-left: -9px
text-align: left
opacity: 0.75