Mercurial > gemma

comparison client/src/components/ui/UIBoxHeader.vue @ 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 36cbf14b878a
children 7768f14f6535
comparison
equal deleted inserted replaced
5510:b7792e8d5c62 5511:ba014cc5f969
10 {{ title }} 10 {{ title }}
11 </span> 11 </span>
12 <div class="d-flex flex-row"> 12 <div class="d-flex flex-row">
13 <span class="box-control" v-if="checkBox" style="cursor: default;"> 13 <span class="box-control" v-if="checkBox" style="cursor: default;">
14 <input 14 <input
15 id="checkboxID"
15 type="checkbox" 16 type="checkbox"
16 style="cursor: pointer;" 17 class="checkbox-header"
17 class="align-self-center"
18 :checked="checkBox.value" 18 :checked="checkBox.value"
19 @change="checkBox.callback" 19 @change="checkBox.callback"
20 /> 20 />
21 <span class="ml-1 small"> 21 <label for="checkboxID" class="ml-1 small mb-0 checkbox-header">
22 {{ checkBox.label }} 22 {{ checkBox.label }}
23 </span> 23 </label>
24 </span> 24 </span>
25 <span 25 <span
26 class="box-control" 26 class="box-control"
27 v-for="(action, index) in actions" 27 v-for="(action, index) in actions"
28 :key="index" 28 :key="index"
62 .box-control 62 .box-control
63 margin-left: 3px 63 margin-left: 3px
64 &.small 64 &.small
65 padding: 0.1rem 0.1rem 0.1rem 0.25rem 65 padding: 0.1rem 0.1rem 0.1rem 0.25rem
66 min-height: 27px 66 min-height: 27px
67 .checkbox-header
68 cursor: pointer
67 </style> 69 </style>
68 70
69 <script> 71 <script>
70 /* This is Free Software under GNU Affero General Public License v >= 3.0 72 /* This is Free Software under GNU Affero General Public License v >= 3.0
71 * without warranty, see README.md and license for details. 73 * without warranty, see README.md and license for details.