bootstrap adapt for activity vue socialIssues component

This commit is contained in:
Mathieu Jaumotte 2021-07-14 15:24:17 +02:00
parent 61bd5d8ae8
commit 4fc3d813c4
3 changed files with 35 additions and 31 deletions

View File

@ -1,9 +1,9 @@
<template> <template>
<teleport to="#social-issues-acc"> <teleport to="#social-issues-acc">
<div class="container"> <div class="mb-3 row">
<div class="col-4 clear"> <div class="col-4">
<label>{{ $t('activity.social_issues') }}</label> <label class="col-form-label">{{ $t('activity.social_issues') }}</label>
</div> </div>
<div class="col-8"> <div class="col-8">
@ -41,9 +41,9 @@
</div> </div>
</div> </div>
<div class="container"> <div class="mb-3 row">
<div class="col-4 clear"> <div class="col-4">
<label>{{ $t('activity.social_actions') }}</label> <label class="col-form-label">{{ $t('activity.social_actions') }}</label>
</div> </div>
<div class="col-8"> <div class="col-8">

View File

@ -1,18 +1,20 @@
<template> <template>
<span class="inline-choice"> <span class="inline-choice">
<div class="form-check">
<input
type="checkbox" <input class="form-check-input"
v-model="selected" type="checkbox"
name="action" v-model="selected"
v-bind:id="action.id" name="action"
v-bind:value="action" v-bind:id="action.id"
/> v-bind:value="action"
<label class="inline" v-bind:for="action.id"> />
{{ action.text }} <label class="form-check-label" v-bind:for="action.id">
</label> {{ action.text }}
</label>
</span><br>
</div>
</span>
</template> </template>
<script> <script>

View File

@ -1,18 +1,20 @@
<template> <template>
<span class="inline-choice"> <span class="inline-choice">
<div class="form-check">
<input <input class="form-check-input"
type="checkbox" type="checkbox"
v-model="selected" v-model="selected"
name="issue" name="issue"
v-bind:id="issue.id" v-bind:id="issue.id"
v-bind:value="issue" v-bind:value="issue"
/> />
<label class="inline" v-bind:for="issue.id"> <label class="form-check-label" v-bind:for="issue.id">
{{ issue.text }} {{ issue.text }}
</label> </label>
</span><br> </div>
</span>
</template> </template>
<script> <script>