From b6e8c642115e06216debb1142e44c21364472d3d Mon Sep 17 00:00:00 2001
From: Mathieu Jaumotte <mathieu.jaumotte@champs-libres.coop>
Date: Sun, 4 Jul 2021 14:26:00 +0200
Subject: [PATCH] fix bootstrap5 + vue modal content scrollable overflow

---
 .../Resources/public/modules/bootstrap/_custom.scss         | 6 ++++++
 .../Resources/public/vuejs/_components/Modal.vue            | 1 -
 .../public/vuejs/AccompanyingCourse/components/Test.vue     | 2 +-
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/Bundle/ChillMainBundle/Resources/public/modules/bootstrap/_custom.scss b/src/Bundle/ChillMainBundle/Resources/public/modules/bootstrap/_custom.scss
index 308342bec..378597a61 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/modules/bootstrap/_custom.scss
+++ b/src/Bundle/ChillMainBundle/Resources/public/modules/bootstrap/_custom.scss
@@ -265,3 +265,9 @@ footer.footer {
       }
    }
 }
+
+/// modal + vue 
+
+div.modal-mask {
+   display: inherit;
+}
diff --git a/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Modal.vue b/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Modal.vue
index 7498d66f3..759eb76e1 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Modal.vue
+++ b/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Modal.vue
@@ -52,7 +52,6 @@ export default {
       width: 100%;
       height: 100%;
       background-color: rgba(0, 0, 0, 0.75);
-      display: table;
       transition: opacity 0.3s ease;
    }
    .modal-header .close { // bootstrap classes, override sc-button 0 radius
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Test.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Test.vue
index a72902b25..39bc45d73 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Test.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Test.vue
@@ -1,6 +1,6 @@
 <template>
 <div class="vue-component">
-   <h2></a>Tests</h2>
+   <h2>Tests</h2>
    
    <!-- Modal -->
    <ul class="record_actions">