edit: bug fix z-index + video pannel + minor other bugs
This commit is contained in:
@@ -136,6 +136,7 @@ html, body{
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
filter: invert(1) saturate(333%) brightness(93%) hue-rotate(90deg);
|
filter: invert(1) saturate(333%) brightness(93%) hue-rotate(90deg);
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
|
transition: 7.77s ease-in;
|
||||||
}
|
}
|
||||||
|
|
||||||
#canvas .overlay {
|
#canvas .overlay {
|
||||||
@@ -300,11 +301,16 @@ html, body{
|
|||||||
}
|
}
|
||||||
|
|
||||||
.zFocus{
|
.zFocus{
|
||||||
|
z-index: revert;
|
||||||
z-index: 1312;
|
z-index: 1312;
|
||||||
border-color: var(--accent-color);
|
border-color: var(--accent-color);
|
||||||
border-width: thick;
|
border-width: thick;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#artistPannel.zFocus{
|
||||||
|
z-index: 3333;
|
||||||
|
}
|
||||||
|
|
||||||
.windowTitle{
|
.windowTitle{
|
||||||
width:100%;
|
width:100%;
|
||||||
height:50px;
|
height:50px;
|
||||||
|
|||||||
@@ -22,7 +22,7 @@ function titleAndContent(str){
|
|||||||
for(let line of contentData){
|
for(let line of contentData){
|
||||||
if(line.includes('http')||line.includes('@')){
|
if(line.includes('http')||line.includes('@')){
|
||||||
let linkData = line.split("# ");
|
let linkData = line.split("# ");
|
||||||
console.log(linkData[1]);
|
//console.log(linkData[1]);
|
||||||
let linkNoFormat;
|
let linkNoFormat;
|
||||||
let url = "";
|
let url = "";
|
||||||
if (linkData[1].includes('http')){
|
if (linkData[1].includes('http')){
|
||||||
@@ -31,7 +31,7 @@ function titleAndContent(str){
|
|||||||
} else if (linkData[1].includes('@')){
|
} else if (linkData[1].includes('@')){
|
||||||
url = 'mailto:' + linkData[1];
|
url = 'mailto:' + linkData[1];
|
||||||
}
|
}
|
||||||
console.log("url info", url)
|
//console.log("url info", url)
|
||||||
src.push({
|
src.push({
|
||||||
caption: linkData[0],
|
caption: linkData[0],
|
||||||
url: url
|
url: url
|
||||||
|
|||||||
@@ -24,7 +24,6 @@
|
|||||||
<div id="linkRow">
|
<div id="linkRow">
|
||||||
<a href="#" class="textBtnStyle">Lydia</a>
|
<a href="#" class="textBtnStyle">Lydia</a>
|
||||||
<a href="#" class="textBtnStyle">Paypal</a>
|
<a href="#" class="textBtnStyle">Paypal</a>
|
||||||
<a href="#" class="textBtnStyle">SumUp</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -76,7 +75,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
#linkRow .textBtnStyle{
|
#linkRow .textBtnStyle{
|
||||||
width: 27%;
|
width: 40%;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
margin-bottom: 16.1px;
|
margin-bottom: 16.1px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -104,7 +104,7 @@
|
|||||||
emits: ['close','focus'],
|
emits: ['close','focus'],
|
||||||
computed: {
|
computed: {
|
||||||
selectedLink(){
|
selectedLink(){
|
||||||
console.log(this.selectedLink);
|
//console.log(this.selectedLink);
|
||||||
return dataStorage.selectedLink
|
return dataStorage.selectedLink
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -21,8 +21,7 @@
|
|||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="windowContent" id="visualizerContent">
|
<div class="windowContent" id="visualizerContent">
|
||||||
<video controls autoplay id="displayedImgStyle">
|
<video controls id="displayedImgStyle" :src="selectedVideo.src" :type="selectedVideo.format">
|
||||||
<source :src="selectedVideo.src" :type="selectedVideo.format">
|
|
||||||
</video>
|
</video>
|
||||||
<div class="reactBar">
|
<div class="reactBar">
|
||||||
<p class="reactStatStyle">{{selectedVideo.like}}</p>
|
<p class="reactStatStyle">{{selectedVideo.like}}</p>
|
||||||
|
|||||||
@@ -42,7 +42,7 @@
|
|||||||
si tu as envie de participer !
|
si tu as envie de participer !
|
||||||
</p>
|
</p>
|
||||||
<button type="button" class="textBtnStyle" @click="openPannel('follow')">NOUS SUIVRE HORS DES RÉSEAUX!</button>
|
<button type="button" class="textBtnStyle" @click="openPannel('follow')">NOUS SUIVRE HORS DES RÉSEAUX!</button>
|
||||||
<button type="button" class="textBtnStyle" @click="openPannel('donation')" v-show="false">NOUS FAIRE UNE DONATION</button>
|
<button type="button" class="textBtnStyle" @click="openPannel('donation')">NOUS FAIRE UNE DONATION</button>
|
||||||
<button type="button" class="textBtnStyle" id="ticketButton" @click="openPannel('ticket')" v-show="false">RÉSERVER MA PLACE!</button>
|
<button type="button" class="textBtnStyle" id="ticketButton" @click="openPannel('ticket')" v-show="false">RÉSERVER MA PLACE!</button>
|
||||||
</div>
|
</div>
|
||||||
<div id="btnColumn">
|
<div id="btnColumn">
|
||||||
|
|||||||
Reference in New Issue
Block a user