refactor(mon-pix): simplify embed style about z-index

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

Hide file tree

Showing 2 changed files with 9 additions and 13 deletions.
diff --git a/mon-pix/app/components/module/element/_embed.scss b/mon-pix/app/components/module/element/_embed.scss
@@ -3,8 +3,6 @@
 }
 
 .element-embed {
-  position: relative;
-
   &__container {
     position: relative;
   }
@@ -32,12 +30,10 @@
     }
   }
 
-
   &__overlay {
     position: absolute;
     top: 0;
     left: 0;
-    z-index: 2;
     display: flex;
     align-items: center;
     justify-content: center;

diff --git a/mon-pix/app/components/module/element/embed.gjs b/mon-pix/app/components/module/element/embed.gjs
@@ -71,6 +71,15 @@ export default class ModulixEmbed extends ModuleElement {
       {{/if}}
 
       <div class="element-embed__container">
+        <iframe
+          class="element-embed-container__iframe
+            {{unless this.isSimulatorLaunched 'element-embed-container__iframe--blurred'}}"
+          src={{@embed.url}}
+          title={{@embed.title}}
+          style={{this.heightStyle}}
+          {{didInsert this.setIframeHtmlElement}}
+        ></iframe>
+
         {{#unless this.isSimulatorLaunched}}
           <div class="element-embed-container__overlay">
             <PixButton
@@ -83,15 +92,6 @@ export default class ModulixEmbed extends ModuleElement {
             </PixButton>
           </div>
         {{/unless}}
-
-        <iframe
-          class="element-embed-container__iframe
-            {{unless this.isSimulatorLaunched 'element-embed-container__iframe--blurred'}}"
-          src={{@embed.url}}
-          title={{@embed.title}}
-          style={{this.heightStyle}}
-          {{didInsert this.setIframeHtmlElement}}
-        ></iframe>
       </div>
 
       {{#if this.isSimulatorLaunched}}