From e367e9d735b594c37ed6971033a1288bd58ddf8c Mon Sep 17 00:00:00 2001
From: axolotle <nchesnais@mailoo.org>
Date: Fri, 11 Jun 2021 14:44:06 +0200
Subject: [PATCH] add scss card size variables

---
 src/assets/scss/abstracts/_variables.scss  |  5 +++--
 src/components/nodes/NodeView.vue          | 11 ++++++-----
 src/components/nodes/NodeViewHeaderRef.vue |  2 +-
 3 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/assets/scss/abstracts/_variables.scss b/src/assets/scss/abstracts/_variables.scss
index 01f718b..dbcf88d 100644
--- a/src/assets/scss/abstracts/_variables.scss
+++ b/src/assets/scss/abstracts/_variables.scss
@@ -60,9 +60,9 @@ $grid-breakpoints: (
 $layout-bp: md;
 
 // Body
+$body-bg: #fffcfb;
 $body-color: $black;
 
-
 // Links
 $link-color: $black;
 $link-decoration: underline;
@@ -121,7 +121,6 @@ $spinner-width: 50px;
 
 // CUSTOM
 $btn-size: 26px;
-$text-card-header-height: 4rem;
 
 $node-view-spacer-sm-x: 18px;
 $node-view-spacer-sm-y: 18px;
@@ -132,6 +131,8 @@ $node-card-spacer-sm-x: 8px;
 $node-card-spacer-sm-y: 8px;
 $node-card-spacer-x: 15px;
 $node-card-spacer-y: 10px;
+$node-card-width: 560px;
+$node-card-height: 330px;
 
 $line: $border-width solid $black;
 
diff --git a/src/components/nodes/NodeView.vue b/src/components/nodes/NodeView.vue
index 3ce8147..3c57276 100644
--- a/src/components/nodes/NodeView.vue
+++ b/src/components/nodes/NodeView.vue
@@ -86,11 +86,12 @@ export default {
   // ╰─╴╵ ╵╵ ╰└─╯
 
   &-card {
-    width: 560px;
-    height: 330px;
-    max-width: 560px;
-    max-height: 330px;
-    box-shadow: .5rem .5rem 1rem rgba($black, .25);
+    width: $node-card-width;
+    height: $node-card-height;
+
+    &.node-view-depart {
+      box-shadow: .5rem .5rem 1rem rgba($black, .25);
+    }
   }
 
   &-card &-header {
diff --git a/src/components/nodes/NodeViewHeaderRef.vue b/src/components/nodes/NodeViewHeaderRef.vue
index c8d3e33..e550590 100644
--- a/src/components/nodes/NodeViewHeaderRef.vue
+++ b/src/components/nodes/NodeViewHeaderRef.vue
@@ -9,7 +9,7 @@
         </strong>
         <span v-if="node.preTitle" v-html="node.preTitle + ','" />
         <em v-html="(trim(node.title) || 'pas de titre ital') + ','" />
-        <div class="edition">
+        <div v-if="node.edition" class="edition">
           {{ node.edition.map(ed => ed.name).join(' ') }}
         </div>
       </h4>