fix(mediacentre): fix mediacentre menu display on mobile

GIP-RECIA · Nov 6, 2024 · e5e6e77 · e5e6e77
1 parent 2b1094c
commit e5e6e77
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 5 deletions.
diff --git a/packages/mediacentre/src/components/MenuMediacentre.ce.vue b/packages/mediacentre/src/components/MenuMediacentre.ce.vue
@@ -262,8 +262,6 @@ const showSubCategories = (idCategory: string): void => {
     width: 100%;
     margin: 0;
     padding: 0;
-    position: relative;
-    overflow: unset;
     border-radius: unset;
     height: 5em;
     transition: height 0.3s ease-in-out;
@@ -322,9 +320,11 @@ const showSubCategories = (idCategory: string): void => {
 
   .unfold {
     height: 100vh;
+    min-height: 100vh;
     .categories-container {
       visibility: visible;
 
+      border-radius: 0;
       width: 100%;
       background: none;
 
@@ -344,6 +344,7 @@ const showSubCategories = (idCategory: string): void => {
   }
 
   .sub-category-container {
+    border-radius: 0;
     cursor: pointer;
   }
   .sub-categories-container {

diff --git a/packages/mediacentre/src/components/PageMediacentre.ce.vue b/packages/mediacentre/src/components/PageMediacentre.ce.vue
@@ -329,9 +329,6 @@ const getFiltres = async (): Promise<void> => {
       padding: 0;
       margin: 0;
       width: 100%;
-      position: fixed;
-      top: 0;
-      overflow: hidden;
       z-index: 2;
       box-shadow: 0px 10px 15px -7px rgba(0, 0, 0, 0.1);
       transition: height 3s ease-in-out;