diff options
| author | silverwind <me@silverwind.io> | 2024-03-29 04:00:07 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-03-29 04:00:07 +0100 |
| commit | dd8dde2be89921b2b1497c6cc5eafdde213429cb (patch) | |
| tree | 7c67156c6f51db443393955df3e3e2dc4ac2e1c0 /templates | |
| parent | 62b073e6f31645e446c7e8d6b5a506f61b47924e (diff) | |
| download | gitea-dd8dde2be89921b2b1497c6cc5eafdde213429cb.tar.gz gitea-dd8dde2be89921b2b1497c6cc5eafdde213429cb.zip | |
replace jquery-minicolors with coloris (#30055)
Get rid of one more jQuery dependant and have a nicer color picker as
well.
Now there is only a single global color picker init because that is all
that's necessary because the elements are present on the page when the
init code runs. The init is slightly weird because the module only takes
a selector instead of DOM elements directly.
The label modals now also perform form validation because previously it
was possible to trigger a 500 error `Color cannot be empty.` by clearing
out the color value on labels.
<img width="867" alt="Screenshot 2024-03-25 at 00 21 05"
src="https://github.com/go-gitea/gitea/assets/115237/71215c39-abb1-4881-b5c1-9954b4a89adb">
<img width="860" alt="Screenshot 2024-03-25 at 00 20 48"
src="https://github.com/go-gitea/gitea/assets/115237/a12cb68f-c38b-4433-ba05-53bbb4b1023e">
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/projects/view.tmpl | 8 | ||||
| -rw-r--r-- | templates/repo/issue/labels/edit_delete_label.tmpl | 4 | ||||
| -rw-r--r-- | templates/repo/issue/labels/label_new.tmpl | 4 |
3 files changed, 8 insertions, 8 deletions
diff --git a/templates/projects/view.tmpl b/templates/projects/view.tmpl index b45174b086..33dd758c79 100644 --- a/templates/projects/view.tmpl +++ b/templates/projects/view.tmpl @@ -42,8 +42,8 @@ <div class="field color-field"> <label for="new_project_column_color_picker">{{ctx.Locale.Tr "repo.projects.column.color"}}</label> - <div class="color picker column"> - <input class="color-picker" maxlength="7" placeholder="#c320f6" id="new_project_column_color_picker" name="color"> + <div class="js-color-picker-input column"> + <input maxlength="7" placeholder="#c320f6" id="new_project_column_color_picker" name="color"> {{template "repo/issue/label_precolors"}} </div> </div> @@ -114,8 +114,8 @@ <div class="field color-field"> <label for="new_project_column_color">{{ctx.Locale.Tr "repo.projects.column.color"}}</label> - <div class="color picker column"> - <input class="color-picker" maxlength="7" placeholder="#c320f6" id="new_project_column_color" name="color" value="{{.Color}}"> + <div class="js-color-picker-input column"> + <input maxlength="7" placeholder="#c320f6" id="new_project_column_color" name="color" value="{{.Color}}"> {{template "repo/issue/label_precolors"}} </div> </div> diff --git a/templates/repo/issue/labels/edit_delete_label.tmpl b/templates/repo/issue/labels/edit_delete_label.tmpl index 98e0f47020..fcf69217ea 100644 --- a/templates/repo/issue/labels/edit_delete_label.tmpl +++ b/templates/repo/issue/labels/edit_delete_label.tmpl @@ -52,8 +52,8 @@ </div> <div class="field color-field"> <label for="color">{{ctx.Locale.Tr "repo.issues.label_color"}}</label> - <div class="color picker column"> - <input class="color-picker" name="color" value="#70c24a" required maxlength="7"> + <div class="column js-color-picker-input"> + <input name="color" value="#70c24a"placeholder="#c320f6" required maxlength="7"> {{template "repo/issue/label_precolors"}} </div> </div> diff --git a/templates/repo/issue/labels/label_new.tmpl b/templates/repo/issue/labels/label_new.tmpl index 2b2b2336c4..32fd8e76d7 100644 --- a/templates/repo/issue/labels/label_new.tmpl +++ b/templates/repo/issue/labels/label_new.tmpl @@ -27,8 +27,8 @@ </div> <div class="field color-field"> <label for="color">{{ctx.Locale.Tr "repo.issues.label_color"}}</label> - <div class="color picker column"> - <input class="color-picker" name="color" value="#70c24a" required maxlength="7"> + <div class="js-color-picker-input column"> + <input name="color" value="#70c24a" placeholder="#c320f6" required maxlength="7"> {{template "repo/issue/label_precolors"}} </div> </div> |