Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-06-07 18:44:08 +00:00
Code Issues Actions Projects Releases Wiki Activity

AddPerson suggestions: all line make checkbox clickable

Browse Source
This commit is contained in:
Mathieu Jaumotte 2021-12-09 17:16:28 +01:00
parent 84f772b42b
commit 5a2e6c0969
1 changed files with 40 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/AddPersons/PersonSuggestion.vue
View File

@ -1,14 +1,15 @@
<template> <template>
<div class="list-item" :class="{ checked: isChecked }"> <div class="list-item" :class="{ checked: isChecked }">
<div> <label>
<div>
<input <input
v-bind:type="type" v-bind:type="type"
v-model="selected" v-model="selected"
name="item" name="item"
v-bind:id="item" v-bind:id="item"
v-bind:value="setValueByType(item, type)" /> v-bind:value="setValueByType(item, type)" />
</div> </div>
<suggestion-person <suggestion-person
v-if="item.result.type === 'person'" v-if="item.result.type === 'person'"
@ -24,6 +25,7 @@
v-if="item.result.type === 'user'" v-if="item.result.type === 'user'"
v-bind:item="item"> v-bind:item="item">
</suggestion-user> </suggestion-user>
</label>
</div> </div>
</template> </template>
@ -78,30 +80,34 @@ export default {
background-color: #ececec; background-color: #ececec;
border-bottom: 1px dotted #8b8b8b; border-bottom: 1px dotted #8b8b8b;
} }
div.container { label {
& > input { display: inline-flex;
margin-right: 0.8em; width: 100%;
} div.container {
span:not(.name) { & > input {
margin-left: 0.5em; margin-right: 0.8em;
opacity: 0.5; }
font-size: 90%; span:not(.name) {
font-style: italic; margin-left: 0.5em;
} opacity: 0.5;
} font-size: 90%;
div.right_actions { font-style: italic;
margin: 0 0 0 auto; }
display: flex;
align-items: flex-end;
& > * {
margin-left: 0.5em;
align-self: baseline;
} }
div.right_actions {
margin: 0 0 0 auto;
display: flex;
align-items: flex-end;
& > * {
margin-left: 0.5em;
align-self: baseline;
}
a.btn { a.btn {
border: 1px solid lightgrey; border: 1px solid lightgrey;
font-size: 70%; font-size: 70%;
padding: 4px; padding: 4px;
}
} }
} }
} }