From 5b091c31402ea09e9c42e80abf6cad384b16c5e9 Mon Sep 17 00:00:00 2001
From: EpicKiwi <me@epickiwi.fr>
Date: Thu, 21 May 2026 12:22:59 +0200
Subject: [PATCH] fix d'un bug sur mobile d'ouverture du live

---
 .../src/indieComponents/LivePannel.vue          | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/v1-com-officielle/src/indieComponents/LivePannel.vue b/v1-com-officielle/src/indieComponents/LivePannel.vue
index b7b0a5d..9459625 100644
--- a/v1-com-officielle/src/indieComponents/LivePannel.vue
+++ b/v1-com-officielle/src/indieComponents/LivePannel.vue
@@ -13,9 +13,9 @@
       />
       <div class="windowTitle">
         <p>
-          Drags&Nerds #2 en DIRECT
+          Drags&Nerds #2 en DIRECT!
         </p>
-        <a type="button" class="closeBtn" href="https://peertube.1312.media/w/jCDFda8rcm8heLwDN2u2HZ" target="_blank" data-tooltip="Ouvrir dans un nouvel onglet">
+        <a type="button" @touchstart.capture.prevent="openLive()" ref="liveA" class="closeBtn" href="https://peertube.1312.media/w/jCDFda8rcm8heLwDN2u2HZ" target="_blank" data-tooltip="Ouvrir dans un nouvel onglet">
           <LinkIcon name="Ouvrir dans une nouvelle fenêtre" class="icon"/>
         </a>
         <button type="button" class="closeBtn" @mousedown.capture="$emit('close')" @touchstart.capture="$emit('close')" data-tooltip="fermer">
@@ -53,10 +53,14 @@
     background: black;
   }
 
-  #livePannel::after {
+  #livePannel .windowContent {
+    position: relative;
+  }
+
+  #livePannel .windowContent::before {
     content: "";
     position: absolute;
-    top: 0;
+    top: -50px;
     left: 0;
     width: 100%;
     height: 25%;
@@ -93,6 +97,11 @@
     methods:{
       onDrag({ target, transform }) {
         target.style.transform = transform;
+      },
+      openLive(){
+        let clonedNode = this.$refs.liveA.cloneNode(false);
+        clonedNode.click();
+        console.log("Opened live window")
       }
     },
     mounted(){