marge en haut des contenus #2229

src/assets/main.scss

@@ -142,11 +142,11 @@ body{
         // height: 8rem;
         flex-direction: column;
         justify-content: flex-end;
-        div.pre-header{
-          min-height: 10em;
-          display: flex;
-          flex-direction: column;
-          justify-content: flex-end;
+        div.entite{
+          // min-height: 10em;
+          // display: flex;
+          // flex-direction: column;
+          // justify-content: flex-end;
           label, h3{
             // height: 70px;
             box-sizing: border-box;

src/components/contents/TerrainDeVie.vue

@@ -93,15 +93,12 @@ export default {
 <template>
   <CartoucheLayout>
     <template v-slot:header>
-      <div class="pre-header">
-        <!-- concernement -->
-        <label v-if="display_concernement">{{ ct_concernement.title.description }}</label>
-        <!-- entite -->
+      <div class="entite">
+        <!-- TODO update entite with revisions -->
+        <span v-if="entite && opened_concernement.entites_byid[eid].menacemaintien < 0" class="menacemaintient">est menacé par</span>
+        <span v-if="entite && opened_concernement.entites_byid[eid].menacemaintien > 0" class="menacemaintient">est maintienu par</span>
         <h3 v-if="entite">{{ entite.title }}</h3>
-        <span v-if="entite && opened_concernement.entites_byid[eid].menacemaintien < 0" class="menacemaintient">menace</span>
-        <span v-if="entite && opened_concernement.entites_byid[eid].menacemaintien > 0" class="menacemaintient">maintient</span>
       </div>
-      
     </template>
     
     <template v-slot:main>

src/components/layout/CartoucheLayout.vue

@@ -14,7 +14,7 @@ export default {
     }
   },
   computed: {
-    ...mapState(ConcernementsStore,['opened_concernement']),
+    ...mapState(ConcernementsStore,['opened_concernement', 'ct_concernement']),
   },
   methods: {
     ...mapActions(ConcernementsStore,['setMapMode'])
@@ -27,8 +27,8 @@ export default {
 
 <template>
   <header>
-    <slot name="header"></slot>
     <div class="concernement-cartouche-icons">
+      <label>{{ ct_concernement.title.description }}</label>
       <h2>{{ opened_concernement.title }}</h2>
       <nav class="icons">
         <ul>
@@ -57,6 +57,7 @@ export default {
       </nav>
 
     </div>
+    <slot name="header"></slot>
   </header>
   <main>
     <slot name="main"></slot>