fix d'un bug sur mobile d'ouverture du live

This commit is contained in:
2026-05-21 12:22:59 +02:00
parent e0ae10c89d
commit 5b091c3140
@@ -13,9 +13,9 @@
/> />
<div class="windowTitle"> <div class="windowTitle">
<p> <p>
Drags&Nerds #2 en DIRECT Drags&Nerds #2 en DIRECT!
</p> </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"/> <LinkIcon name="Ouvrir dans une nouvelle fenêtre" class="icon"/>
</a> </a>
<button type="button" class="closeBtn" @mousedown.capture="$emit('close')" @touchstart.capture="$emit('close')" data-tooltip="fermer"> <button type="button" class="closeBtn" @mousedown.capture="$emit('close')" @touchstart.capture="$emit('close')" data-tooltip="fermer">
@@ -53,10 +53,14 @@
background: black; background: black;
} }
#livePannel::after { #livePannel .windowContent {
position: relative;
}
#livePannel .windowContent::before {
content: ""; content: "";
position: absolute; position: absolute;
top: 0; top: -50px;
left: 0; left: 0;
width: 100%; width: 100%;
height: 25%; height: 25%;
@@ -93,6 +97,11 @@
methods:{ methods:{
onDrag({ target, transform }) { onDrag({ target, transform }) {
target.style.transform = transform; target.style.transform = transform;
},
openLive(){
let clonedNode = this.$refs.liveA.cloneNode(false);
clonedNode.click();
console.log("Opened live window")
} }
}, },
mounted(){ mounted(){