refactor(mon-pix): custom beta-banner z-index in details page

Co-authored-by: Yann Bertrand <[email protected]> Co-authored-by: Clément Latzarus <[email protected]>
1024pix · Nov 7, 2024 · ebc5e0b · ebc5e0b
1 parent ef4de42
commit ebc5e0b
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 6 deletions.
diff --git a/mon-pix/app/components/module/_beta-banner.scss b/mon-pix/app/components/module/_beta-banner.scss
diff --git a/mon-pix/app/components/module/beta-banner.gjs b/mon-pix/app/components/module/beta-banner.gjs
@@ -2,7 +2,7 @@ import PixBanner from '@1024pix/pix-ui/components/pix-banner';
 import { t } from 'ember-intl';
 
 <template>
-  <PixBanner class="beta-banner" @type="communication">
+  <PixBanner @type="communication">
     {{t "pages.modulix.beta-banner"}}
   </PixBanner>
 </template>
diff --git a/mon-pix/app/styles/app.scss b/mon-pix/app/styles/app.scss
@@ -64,7 +64,6 @@ of an adaptative/mobile-first approach — refactoring is welcome here */
 @import 'components/levelup-notif';
 @import 'components/login-form';
 @import 'components/login-or-register';
-@import '../components/module/beta-banner';
 @import '../components/module/details';
 @import '../components/module/feedback';
 @import '../components/module/grain';

diff --git a/mon-pix/app/styles/pages/_module.scss b/mon-pix/app/styles/pages/_module.scss
@@ -12,3 +12,9 @@
   color: var(--pix-neutral-900);
   background: var(--pix-neutral-0);
 }
+
+.modulix-beta-banner {
+  --modulix-z-index-above-all: 2;
+
+  z-index: var(--modulix-z-index-above-all);
+}
diff --git a/mon-pix/app/templates/module/details.hbs b/mon-pix/app/templates/module/details.hbs
@@ -1,4 +1,6 @@
-<Module::BetaBanner />
+<div class="modulix-beta-banner">
+  <Module::BetaBanner />
+</div>
 <nav>
   <ul>
     <li>