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

improve AccompanyingCourse ux design

Browse Source
This commit is contained in:
Mathieu Jaumotte 2021-05-20 18:42:40 +02:00
parent 8bd75429c1
commit 098a2ea620
4 changed files with 73 additions and 58 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/Bundle/ChillMainBundle/Resources/public/scss/chillmain.scss
View File

@ -13,9 +13,9 @@
div#header-accompanying_course-name { div#header-accompanying_course-name {
background: none repeat scroll 0 0 #718596; background: none repeat scroll 0 0 #718596;
color: #FFF; color: #FFF;
padding-top: 1em; h1 {
padding-bottom: 1em; margin: 0.4em 0;
}
span { span {
a { a {
color: white; color: white;
@ -54,3 +54,10 @@ div.subheader {
color: grey; color: grey;
margin-right: 1em; margin-right: 1em;
} }
table {
ul.record_actions {
margin: 0;
padding: 0.5em;
}
}

2
src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/App.vue
View File

@ -44,6 +44,7 @@ export default {
</script> </script>
<style lang="scss"> <style lang="scss">
div#accompanying-course {
h1 { h1 {
margin: 1.5em 0; margin: 1.5em 0;
} }
@ -91,4 +92,5 @@ export default {
table { table {
} }
} }
}
</style> </style>

2
src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Banner.vue
View File

@ -20,9 +20,11 @@
<teleport to="#header-accompanying_course-name #banner-status"> <teleport to="#header-accompanying_course-name #banner-status">
<div v-if="accompanyingCourse.step === 'DRAFT'"> <div v-if="accompanyingCourse.step === 'DRAFT'">
<a href="#bottom">
<span class="badge badge-secondary"> <span class="badge badge-secondary">
{{ $t('course.step.draft') }} {{ $t('course.step.draft') }}
</span> </span>
</a>
</div> </div>
<div v-else> <div v-else>
<div> <div>

8
src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Comment.vue
View File

@ -8,6 +8,10 @@
</div--> </div-->
<div> <div>
<form @submit.prevent="submitform">
<label for="content">{{ $t('comment.label') }}</label>
<div v-if="initialComment"> <div v-if="initialComment">
créé par {{ initialComment.creator.text }} créé par {{ initialComment.creator.text }}
le {{ $d(initialComment.createdAt.datetime, 'long') }} le {{ $d(initialComment.createdAt.datetime, 'long') }}
@ -17,8 +21,6 @@
</div> </div>
</div> </div>
<form @submit.prevent="submitform">
<label for="content">{{ $t('comment.label') }}</label>
<textarea <textarea
name="content" name="content"
v-bind:placeholder="$t('comment.content')" v-bind:placeholder="$t('comment.content')"
@ -27,6 +29,7 @@
ckeditor="ckeditor" ckeditor="ckeditor"
v-model="content"> v-model="content">
</textarea> </textarea>
<ul class="record_actions"> <ul class="record_actions">
<li> <li>
<button type="submit" class="sc-button bt-save">{{ $t('action.save') }}</button> <button type="submit" class="sc-button bt-save">{{ $t('action.save') }}</button>
@ -38,6 +41,7 @@
</a> </a>
</li> </li>
</ul> </ul>
</form> </form>
</div> </div>