From 5defd3ce0310fb26ac9954739f2f70cc3bdae0e9 Mon Sep 17 00:00:00 2001
From: axolotle <nchesnais@mailoo.org>
Date: Wed, 7 Jul 2021 21:25:33 +0200
Subject: [PATCH] add center to ButtonExpand + misc fix

---
 src/assets/scss/base/_root.scss           | 1 +
 src/assets/scss/classes/_img-wrapper.scss | 8 +++++++-
 src/components/globals/ButtonExpand.vue   | 2 +-
 src/components/nodes/NodeViewTitle.vue    | 2 +-
 4 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/assets/scss/base/_root.scss b/src/assets/scss/base/_root.scss
index b753836..47e5e57 100644
--- a/src/assets/scss/base/_root.scss
+++ b/src/assets/scss/base/_root.scss
@@ -13,4 +13,5 @@ body,
 main {
   flex: 1;
   overflow-y: auto;
+  overflow-x: hidden;
 }
diff --git a/src/assets/scss/classes/_img-wrapper.scss b/src/assets/scss/classes/_img-wrapper.scss
index 463fd49..3fade4f 100644
--- a/src/assets/scss/classes/_img-wrapper.scss
+++ b/src/assets/scss/classes/_img-wrapper.scss
@@ -2,7 +2,7 @@
   display: inline-block;
   position: relative;
 
-  &:not(:hover) .btn-expand {
+  &.on-hover:not(:hover) .btn-expand {
     display: none;
   }
 
@@ -11,6 +11,12 @@
     top: 0;
     right: 0;
 
+    &.center {
+      top: 50%;
+      right: 50%;
+      transform: translate(50%, -50%)
+    }
+
     padding: 0;
     width: 75px;
     height: 70px;
diff --git a/src/components/globals/ButtonExpand.vue b/src/components/globals/ButtonExpand.vue
index 008a575..a26de50 100644
--- a/src/components/globals/ButtonExpand.vue
+++ b/src/components/globals/ButtonExpand.vue
@@ -3,7 +3,7 @@
     v-on="$listeners"
     v-bind="$attrs"
     variant="depart"
-    class="btn-expand"
+    class="btn-expand on-hover"
     :aria-label="expanded ? 'Réduire' : 'Agrandir'"
   >
     <svg aria-hidden="true" viewBox="0 0 75 70">
diff --git a/src/components/nodes/NodeViewTitle.vue b/src/components/nodes/NodeViewTitle.vue
index e2cb758..a0e61b9 100644
--- a/src/components/nodes/NodeViewTitle.vue
+++ b/src/components/nodes/NodeViewTitle.vue
@@ -13,7 +13,7 @@
       <span><strong>{{ toCommaList(node.authors) }}</strong>,</span>
       <span>
         <span v-if="node.preTitle" v-html="' ' + trim(node.preTitle) + ','" />
-        <em v-html="' ' + trim(node.italTitle) || 'pas de titre ital'" />
+        <em v-html="' ' + trim(node.italTitle || node.title) || 'pas de titre ital'" />
         <span v-if="edition && node.edition">, </span>
       </span>
       <div v-if="edition && node.edition" class="edition">