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

AccompanyingCourse: improve design of CourseLocation block

Browse Source
This commit is contained in:
Mathieu Jaumotte 2021-08-20 23:04:51 +02:00
parent 4d65c54996
commit 14cbb1dd28
2 changed files with 26 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/Bundle/ChillPersonBundle/Resources/public/chill/scss/person_with_period.scss
View File

@ -8,7 +8,7 @@ div.list-with-period {
flex-wrap: nowrap; flex-wrap: nowrap;
div.wl-col { div.wl-col {
&.title { &.title {
width: 36%; width: 34%;
@include media-breakpoint-up(md) { @include media-breakpoint-up(md) {
margin-left: 0; margin-left: 0;
} }

36
src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/CourseLocation.vue
View File

@ -15,19 +15,22 @@
</label> </label>
</div> </div>
<div v-if="isPersonLocation"> <div class="flex-table" v-if="accompanyingCourse.location">
<label class="col-form-label"> <div class="item-bloc">
{{ $t('courselocation.person_locator', [ accompanyingCourse.personLocation.text ]) }} <show-address
</label> :address="accompanyingCourse.location">
</div> </show-address>
<show-address <div v-if="isPersonLocation" class="alert alert-secondary separator">
v-if="accompanyingCourse.location" <label class="col-form-label">
:address="accompanyingCourse.location"> {{ $t('courselocation.person_locator', [ accompanyingCourse.personLocation.text ]) }}
</show-address> </label>
</div>
<div v-if="isTemporaryAddress" class="alert alert-warning"> <div v-if="isTemporaryAddress" class="alert alert-warning separator">
<p>{{ $t('courselocation.temporary_address_must_be_changed') }}</p> <p>{{ $t('courselocation.temporary_address_must_be_changed') }}</p>
</div>
</div>
</div> </div>
<div> <div>
@ -156,3 +159,14 @@ export default {
} }
} }
</script> </script>
<style lang="scss" scoped>
div.flex-table {
div.item-bloc {
div.alert {
margin: 0 -0.9em -1em;
}
}
}
</style>