Publish v2.0.2

ReseauEntourage · Mar 19, 2021 · ce2e27e · ce2e27e
1 parent 8dbdda2
commit ce2e27e
Show file tree

Hide file tree

Showing 6 changed files with 40 additions and 9 deletions.
diff --git a/src/components-business/Parcour.vue b/src/components-business/Parcour.vue
@@ -49,7 +49,10 @@ export default {
 
     <h1>{{ parcour.title }}</h1>
 
-    <Character v-if="character" :character="character" :color="parcourColor" />
+    <div class="character">
+      <Character v-if="character" :character="character" :color="parcourColor" />
+      <vue3-markdown-it class="tooltip" v-if="character" :source="character.speech" />
+    </div>
 
     <a class="button" :href="nextLink" :style="{ color: parcourColor }">Commencer</a>
   </div>
@@ -64,6 +67,11 @@ export default {
     margin: auto auto 0;
   }
 }
+.character {
+  display: flex;
+  justify-content: center;
+  align-items: flex-start;
+}
 </style>
 
 <style lang="scss" scoped>
@@ -72,3 +80,25 @@ export default {
   text-align: center;
 }
 </style>
+
+<style lang="scss" scoped>
+.tooltip {
+  max-width: 30%;
+  margin-left: 20px;
+  margin-top: 20px;
+  padding: 10px;
+  background: #ffffff;
+  border-radius: 10px;
+  filter: drop-shadow(0px 3px 20px rgba(111, 177, 225, 0.25));
+
+  position: relative;
+  &:after {
+    content: "";
+    position: absolute;
+    right: 100%;
+    top: 30px;
+    border: 10px solid #ffffff;
+    border-color: transparent #ffffff transparent transparent;
+  }
+}
+</style>
diff --git a/src/components-full/Survey.vue b/src/components-full/Survey.vue
@@ -48,8 +48,8 @@ export default {
     <ResponseInput class="responses" :parcour="parcour" :responses="survey.response" :response="selectedResponse" @update:response="selectedResponse = $event" />
 
     <template v-if="selectedResponse">
-      <a class="button" v-if="selectedResponse.isAnwser" :href="`${href}/true`" :style="{ background: parcourColor }">Continuer</a>
-      <a class="button" v-if="!selectedResponse.isAnwser" :href="`${href}/false`" :style="{ background: parcourColor }">Continuer</a>
+      <a class="button" v-if="selectedResponse.isAnswer" :href="`${href}/true`" :style="{ background: parcourColor }">Continuer</a>
+      <a class="button" v-if="!selectedResponse.isAnswer" :href="`${href}/false`" :style="{ background: parcourColor }">Continuer</a>
     </template>
   </div>
 </template>

diff --git a/src/components-less/BackgroundImage.vue b/src/components-less/BackgroundImage.vue
@@ -49,8 +49,8 @@ export default {
 <style lang="scss" scoped>
 img {
   position: absolute;
-  width: 100vw;
-  height: 100vh;
+  width: 100%;
+  height: 100%;
   z-index: -1;
   top: 0;
   left: 0;

diff --git a/src/components-less/Character.vue b/src/components-less/Character.vue
@@ -33,7 +33,7 @@ export default {
 </script>
 
 <template>
-  <div class="ParcourCard-avatar">
+  <div class="Character">
     <img :src="imgSrc" alt="character" />
   </div>
 </template>

diff --git a/src/components-less/Duration.vue b/src/components-less/Duration.vue
@@ -17,9 +17,6 @@ export default {
 
 <style lang="scss" scoped>
 time {
-  display: flex;
-  justify-content: center;
-
   img {
     height: 20px;
     width: 20px;

diff --git a/src/components-less/ParcourCard.vue b/src/components-less/ParcourCard.vue
@@ -74,6 +74,10 @@ export default {
     'content character'
     'content character';
   gap: 0 40px;
+
+  .character {
+    height: 150px;
+  }
 }
 </style>