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'" > {{ toCommaList(node.authors) }}, - + ,