Widened the click area on the wizard settings view for color config.

This commit is contained in:
Scott Erickson 2014-07-07 18:13:19 -07:00
parent 1263d4724a
commit 5d00aedac7
4 changed files with 11 additions and 2 deletions

View file

@ -8,9 +8,13 @@
width: 450px
margin: 0 auto
label
cursor: pointer
#color-settings table
float: left
width: 250px
cursor: pointer
.minicolors-input
display: none

View file

@ -1,5 +1,5 @@
#color-settings
table.table.table-bordered
table.table.table-bordered.table-hover
tr
th(data-i18n="wizard_settings.active") Active
th(data-i18n="wizard_settings.color") Color

View file

@ -17,4 +17,4 @@ block modal-body-wait-content
.progress-bar
block modal-footer-content
button.btn.btn-primary.btn-large#wizard-settings-done(type="button") Done
button.btn.btn-primary.btn-large#wizard-settings-done(data-dismiss="modal", type="button") Done

View file

@ -11,6 +11,11 @@ module.exports = class WizardSettingsView extends CocoView
startsLoading: true
events:
'click .color-group': (e) ->
return if $(e.target).closest('.minicolors')[0]
return if $(e.target).closest('.color-group-checkbox')[0]
return if $(e.target).closest('label')[0]
$(e.target).closest('.color-group').find('.color-group-checkbox').click()
'change .color-group-checkbox': (e) ->
colorGroup = $(e.target).closest('.color-group')
@updateColorSettings(colorGroup)