🎨 Checkbox styles in settings (#633)

no issue
- wraps the existing `{{one-way-checkbox}}` in general-setting in a `<label>` tag to make the checkbox styles work properly.
This commit is contained in:
Aileen Nowak 2017-04-11 16:10:56 +07:00 committed by Kevin Ansfield
parent 9081e33f26
commit 981d77c923
1 changed files with 12 additions and 4 deletions

View File

@ -145,8 +145,12 @@
<div class="gh-setting-desc">Include the date in your post URLs, eg. <strong>blogurl.com/2017/01/post-title/</strong></div>
</div>
<div class="gh-setting-action">
{{one-way-checkbox isDatedPermalinks type="checkbox" update=(action (mut isDatedPermalinks)) data-test-dated-permalinks-checkbox=true}}
<span class="input-toggle-component"></span>
<div class="for-checkbox">
<label class="checkbox" for="settings-dated-permalinks">
{{one-way-checkbox isDatedPermalinks id="settings-dated-permalinks" type="checkbox" update=(action (mut isDatedPermalinks)) data-test-dated-permalinks-checkbox=true}}
<span class="input-toggle-component"></span>
</label>
</div>
</div>
</div>
<div class="gh-setting">
@ -164,8 +168,12 @@
{{/if}}
</div>
<div class="gh-setting-action">
{{one-way-checkbox model.isPrivate type="checkbox" update=(action (mut model.isPrivate)) data-test-private-checkbox=true}}
<span class="input-toggle-component"></span>
<div class="for-checkbox">
<label class="checkbox" for="settings-private">
{{one-way-checkbox model.isPrivate id="settings-private" type="checkbox" update=(action (mut model.isPrivate)) data-test-private-checkbox=true}}
<span class="input-toggle-component"></span>
</label>
</div>
</div>
</div>