Mercurial > gemma

changeset 5511:ba014cc5f969 deactivate-users

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Client: Fix checkbox of hiding inactive users * Make the label of the checkbox clickable
author Fadi Abbud <fadi.abbud@intevation.de>
date Thu, 30 Sep 2021 12:47:09 +0200
parents b7792e8d5c62
children 6738655809eb
files client/src/components/ui/UIBoxHeader.vue
diffstat 1 files changed, 6 insertions(+), 4 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/ui/UIBoxHeader.vue	Wed Sep 29 17:10:42 2021 +0200
+++ b/client/src/components/ui/UIBoxHeader.vue	Thu Sep 30 12:47:09 2021 +0200
@@ -12,15 +12,15 @@
     <div class="d-flex flex-row">
       <span class="box-control" v-if="checkBox" style="cursor: default;">
         <input
+          id="checkboxID"
           type="checkbox"
-          style="cursor: pointer;"
-          class="align-self-center"
+          class="checkbox-header"
           :checked="checkBox.value"
           @change="checkBox.callback"
         />
-        <span class="ml-1 small">
+        <label for="checkboxID" class="ml-1 small mb-0 checkbox-header">
           {{ checkBox.label }}
-        </span>
+        </label>
       </span>
       <span
         class="box-control"
@@ -64,6 +64,8 @@
   &.small
     padding: 0.1rem 0.1rem 0.1rem 0.25rem
     min-height: 27px
+.checkbox-header
+  cursor: pointer
 </style>
 
 <script>