diff options
| author | Giteabot <teabot@gitea.io> | 2024-10-11 21:13:09 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-10-11 21:13:09 +0800 |
| commit | f15d5f0c4a429970a8e4e63a89554994a50ca0b2 (patch) | |
| tree | 2f7ae7239cab104dd1ae42853a310e92bfe7fa9e | |
| parent | 494017e4788d6defb5610ac68b9733fef5130f46 (diff) | |
| download | gitea-f15d5f0c4a429970a8e4e63a89554994a50ca0b2.tar.gz gitea-f15d5f0c4a429970a8e4e63a89554994a50ca0b2.zip | |
Fix checkbox bug on private/archive filter (#32236) (#32240)
Backport #32236 by cloudchamb3r
fix #32235
Co-authored-by: cloudchamb3r <jizon0123@protonmail.com>
Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
| -rw-r--r-- | web_src/js/components/DashboardRepoList.vue | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/web_src/js/components/DashboardRepoList.vue b/web_src/js/components/DashboardRepoList.vue index cb23de93dc..79f942d345 100644 --- a/web_src/js/components/DashboardRepoList.vue +++ b/web_src/js/components/DashboardRepoList.vue @@ -362,9 +362,9 @@ export default sfc; // activate the IDE's Vue plugin <div class="menu"> <a class="item" @click="toggleArchivedFilter()"> <div class="ui checkbox" ref="checkboxArchivedFilter" :title="checkboxArchivedFilterTitle"> - <!--the "hidden" is necessary to make the checkbox work without Fomantic UI js, + <!--the "tw-pointer-events-none" is necessary to prevent the checkbox from handling user's input, otherwise if the "input" handles click event for intermediate status, it breaks the internal state--> - <input type="checkbox" class="hidden" v-bind.prop="checkboxArchivedFilterProps"> + <input type="checkbox" class="tw-pointer-events-none" v-bind.prop="checkboxArchivedFilterProps"> <label> <svg-icon name="octicon-archive" :size="16" class-name="tw-mr-1"/> {{ textShowArchived }} @@ -373,7 +373,7 @@ export default sfc; // activate the IDE's Vue plugin </a> <a class="item" @click="togglePrivateFilter()"> <div class="ui checkbox" ref="checkboxPrivateFilter" :title="checkboxPrivateFilterTitle"> - <input type="checkbox" class="hidden" v-bind.prop="checkboxPrivateFilterProps"> + <input type="checkbox" class="tw-pointer-events-none" v-bind.prop="checkboxPrivateFilterProps"> <label> <svg-icon name="octicon-lock" :size="16" class-name="tw-mr-1"/> {{ textShowPrivate }} |