SPIP/gamutable
SPIP/gamutable
4
0
Fork 0
Code Issues 2 Pull requests Projects Releases Wiki Activity

Feat : ajout de classes CSS pour pouvoir styler les checkbox action

Browse source
This commit is contained in:
cy_altern 2025-07-03 11:02:21 +02:00
parent 0367fd9e94
commit e3aba7b00a
2 changed files with 16 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
css/gamutable.css
View file

@ -203,7 +203,8 @@ td.icone>* {
text-align: center; text-align: center;
} }
.gamutable .url_action:not(.sans_css) { .gamutable .url_action:not(.sans_css),
.gamutable .btn_action:not(.sans_css) {
padding: 0.2rem; padding: 0.2rem;
display: -ms-inline-flexbox; display: -ms-inline-flexbox;
display: inline-flex; display: inline-flex;
@ -211,10 +212,19 @@ td.icone>* {
border: 1px solid #cecece; border: 1px solid #cecece;
border-radius: 5px; border-radius: 5px;
} }
.gamutable .url_action:hover,
.gamutable .url_action:hover { .gamutable .btn_action:hover {
background-color: #cecece; background-color: #cecece;
} }
.gamutable .filtreColonne input.check_tout {
margin-right: 1rem;
height: 2rem;
width: 2rem;
}
.gamutable input.check_action {
height: 2.5rem;
width: 2.5rem;
}
td.icone i { td.icone i {
font-size: 1.8rem; font-size: 1.8rem;

6
src/components/gamuTable.vue
View file

@ -89,8 +89,8 @@
<th v-for="(label, head, i) in header" :key="'filtreCol_' + i" :class="head"> <th v-for="(label, head, i) in header" :key="'filtreCol_' + i" :class="head">
<div v-if="checkbox[head] !== undefined" :id="'filtreCol_' + head" :class="classes[head]" <div v-if="checkbox[head] !== undefined" :id="'filtreCol_' + head" :class="classes[head]"
class="flex justify-between"> class="flex justify-between">
<input class="ml-2" type="checkbox" @click.stop="validerCheckboxCol(head)" /> <input class="ml-2 check_tout" type="checkbox" @click.stop="validerCheckboxCol(head)" />
<button @click.stop="checkboxValider(head, checkbox[head])"> <button @click.stop="checkboxValider(head, checkbox[head])" class="btn_action">
<i class="gt-check"></i> <span class="checkCol">Valider</span> <i class="gt-check"></i> <span class="checkCol">Valider</span>
</button> </button>
</div> </div>
@ -129,7 +129,7 @@
<div v-if="checkbox[name] !== undefined"> <div v-if="checkbox[name] !== undefined">
<div v-if="td.split('-')[0] === 'dataid'" class="text-center"> <div v-if="td.split('-')[0] === 'dataid'" class="text-center">
<label> <label>
<input type="checkbox" v-model="Tcheckbox[name]" :value="td.split('-')[1]" /> <input class="check_action" type="checkbox" v-model="Tcheckbox[name]" :value="td.split('-')[1]" />
</label> </label>
</div> </div>
<div v-else v-html="td"></div> <div v-else v-html="td"></div>