diff --git a/client/public/assets/img/checkbox-check.png b/client/public/assets/img/checkbox-check.png new file mode 100644 index 0000000..24d08f5 Binary files /dev/null and b/client/public/assets/img/checkbox-check.png differ diff --git a/client/public/assets/img/checkbox-uncheck.png b/client/public/assets/img/checkbox-uncheck.png new file mode 100644 index 0000000..afa525d Binary files /dev/null and b/client/public/assets/img/checkbox-uncheck.png differ diff --git a/client/public/views/partials/playerStats.html b/client/public/views/partials/playerStats.html index d82d21c..e583d4b 100644 --- a/client/public/views/partials/playerStats.html +++ b/client/public/views/partials/playerStats.html @@ -122,9 +122,8 @@

All Player Stats

{{player.rank}}
- + +
diff --git a/client/stylus/playerStats.styl b/client/stylus/playerStats.styl index fe1fe05..4dab201 100644 --- a/client/stylus/playerStats.styl +++ b/client/stylus/playerStats.styl @@ -88,15 +88,26 @@ vertical-align middle .checkbox-container + position relative label display block width 100% height 100% - position relative - input - position absolute - bottom 50% - right 40% + cursor pointer + input[type="checkbox"] + position absolute + opacity 0 + top 0 + left 0 + input[type="checkbox"] + label + background url("/assets/img/checkbox-uncheck.png") no-repeat + background-position-x 66px + background-position-y 18px + + input[type="checkbox"]:checked + label + background url("/assets/img/checkbox-check.png") no-repeat + background-position-x 66px + background-position-y 18px .profile-img-name img