feat(bouquet): crée bouquet avec donnée non-disponible/manquante

configs/ecospheres/config.yaml

@@ -54,6 +54,7 @@ website:
   oauth_option: true
   # display settings
   organizations_list_page_size: 9
+  contact_email: [email protected]
 
 # For step 2 of bouquet creation
 themes:
@@ -91,7 +92,7 @@ themes:
     subthemes:
       - name: Voitures et infrastructures routières
       - name: Mobilité courte distance (hors voiture)
-      - name: Mobilité longue distance (avion, train)  
+      - name: Mobilité longue distance (avion, train)
   - name: Chantiers transverses
     color: EAEEFE
     subthemes:

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ecospheres-front",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "private": true,
   "scripts": {
     "dev": "vite",

src/assets/main.css

@@ -8,6 +8,25 @@
   width: 45%;
 }
 
+.fit {
+  width: fit-content;
+}
+
+/* ELEMENT DISPLAY */
+.block {
+  display: block;
+}
+
+/* FONT CUSTOM */
+.uppercase {
+  text-transform: uppercase;
+}
+
+.bold {
+  font-weight: 700;
+}
+
+/* ALIGNMENT */
 .justify-between {
   justify-content: space-between;
 }
@@ -20,10 +39,6 @@
   align-items: center;
 }
 
-.block {
-  display: block;
-}
-
 .theme_without_breadcrumb {
   margin: 128px 0 0;
 }

src/components/Tooltip.vue

@@ -38,7 +38,6 @@ const props = defineProps(['title', 'name', 'show', 'text'])
   display: none;
   width: 300px;
   box-shadow: 0px -1px 6px 0px #00000040;
-  top: -12.5rem;
 
   &__arrow {
     width: 50px;

src/views/bouquets/BouquetDetailView.vue

@@ -83,12 +83,12 @@ onMounted(() => {
             ]"
           >
             <DsfrAccordion
-              :title="datasetProperties.libelle"
+              :title="datasetProperties.title"
               :expanded-id="datasetProperties.id"
               @expand="datasetProperties.id = $event"
             >
               <div class="fr-mb-3w">
-                {{ datasetProperties.raison }}
+                {{ datasetProperties.description }}
               </div>
               <a
                 v-if="datasetProperties.uri"
@@ -121,7 +121,7 @@ onMounted(() => {
   &__container {
     border: 1px solid var(--border-default-grey);
 
-    :deep a {
+    :deep(a) {
       color: var(--text-action-high-blue-france);
     }
   }