dkforest

A forum and chat platform (onion)
git clone https://git.dasho.dev/n0tr1v/dkforest.git
Log | Files | Refs | LICENSE

commit a9540c39808e33590d88e98e02ccb3114a4d517c
parent 78ad5eac116f54ce45a16493451e4c172842f356
Author: n0tr1v <n0tr1v@protonmail.com>
Date:   Sun,  5 Feb 2023 04:09:52 -0800

modernize checkboxes

Diffstat:
Mpkg/web/public/views/pages/settings/chat.gohtml | 21+++++++++++++++------
1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/pkg/web/public/views/pages/settings/chat.gohtml b/pkg/web/public/views/pages/settings/chat.gohtml @@ -212,8 +212,11 @@ <table> <tr> <td> - <div class="form-check"> - <input type="checkbox" class="form-check-input" name="notify_new_message" id="notify_new_message" value="1"{{ if .Data.NotifyNewMessage }} checked{{ end }} /> + <div class="form-check form-check-1"> + <div class="checkbox-wrapper form-check-input"> + <input class="my-cbx" type="checkbox" name="notify_new_message" id="notify_new_message" value="1"{{ if .Data.NotifyNewMessage }} checked{{ end }} /> + <label for="notify_new_message" class="toggle"><span></span></label> + </div> <label class="form-check-label" for="notify_new_message">{{ t "Notify on new message" . }}</label> </div> </td> @@ -228,8 +231,11 @@ </tr> <tr> <td> - <div class="form-check"> - <input type="checkbox" class="form-check-input" name="notify_tagged" id="notify_tagged" value="1"{{ if .Data.NotifyTagged }} checked{{ end }} /> + <div class="form-check form-check-1"> + <div class="checkbox-wrapper form-check-input"> + <input class="my-cbx" type="checkbox" name="notify_tagged" id="notify_tagged" value="1"{{ if .Data.NotifyTagged }} checked{{ end }} /> + <label for="notify_tagged" class="toggle"><span></span></label> + </div> <label class="form-check-label" for="notify_tagged">{{ t "Notify when tagged" . }}</label> </div> </td> @@ -244,8 +250,11 @@ </tr> <tr> <td> - <div class="form-check"> - <input type="checkbox" class="form-check-input" name="notify_pmmed" id="notify_pmmed" value="1"{{ if .Data.NotifyPmmed }} checked{{ end }} /> + <div class="form-check form-check-1"> + <div class="checkbox-wrapper form-check-input"> + <input class="my-cbx" type="checkbox" name="notify_pmmed" id="notify_pmmed" value="1"{{ if .Data.NotifyPmmed }} checked{{ end }} /> + <label for="notify_pmmed" class="toggle"><span></span></label> + </div> <label class="form-check-label" for="notify_pmmed">{{ t "Notify when receiving private message" . }}</label> </div> </td>