youtube embed border customization now works as expected, hyperlinked
images and saved cursor initialization has been fixed too
This commit is contained in:
+29
-13
@@ -64,18 +64,23 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.youtubeEmbed {
|
.youtubeEmbed {
|
||||||
|
border-style: solid;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
display: inline;
|
display: inline;
|
||||||
}
|
}
|
||||||
.youtubeEmbedCover {
|
.youtubeEmbedCover {
|
||||||
|
border-style: solid;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background-color: rgba(250,0,0,.5);
|
background-color: rgba(250,250,250,.5);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.hyperlinkedImage {
|
||||||
|
cursor: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
.section {
|
.section {
|
||||||
margin-top: 0rem;
|
margin-top: 0rem;
|
||||||
@@ -1661,9 +1666,9 @@
|
|||||||
if (this.imageUrl?.includes("youtube.com") || this.imageUrl?.includes("youtu.be")) {
|
if (this.imageUrl?.includes("youtube.com") || this.imageUrl?.includes("youtu.be")) {
|
||||||
// apply border to iframe and cover element rather than containing div
|
// apply border to iframe and cover element rather than containing div
|
||||||
document.getElementById(this.id).children[0].style.borderColor =
|
document.getElementById(this.id).children[0].style.borderColor =
|
||||||
settings.bordeColor;
|
settings.borderColor;
|
||||||
document.getElementById(this.id).children[1].style.borderColor =
|
document.getElementById(this.id).children[1].style.borderColor =
|
||||||
settings.bordeColor;
|
settings.borderColor;
|
||||||
document.getElementById(this.id).children[0].style.borderWidth =
|
document.getElementById(this.id).children[0].style.borderWidth =
|
||||||
settings.borderWidth + "px";
|
settings.borderWidth + "px";
|
||||||
document.getElementById(this.id).children[1].style.borderWidth =
|
document.getElementById(this.id).children[1].style.borderWidth =
|
||||||
@@ -1928,13 +1933,7 @@
|
|||||||
} */
|
} */
|
||||||
});
|
});
|
||||||
|
|
||||||
/** set up cursors */
|
|
||||||
cursors = JSON.parse(localStorage.getItem("cursors")) || {};
|
|
||||||
if (cursors.default != undefined) {
|
|
||||||
// apply new default cursor to entire html document
|
|
||||||
document.getElementsByTagName("html")[0].style.cursor =
|
|
||||||
'url("' + cursors.default + '"), auto';
|
|
||||||
}
|
|
||||||
|
|
||||||
/** set wallpaper */
|
/** set wallpaper */
|
||||||
wallpaper = JSON.parse(localStorage.getItem("wallpaper")) || "";
|
wallpaper = JSON.parse(localStorage.getItem("wallpaper")) || "";
|
||||||
@@ -2017,6 +2016,7 @@
|
|||||||
));
|
));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/** set up + load settings menu data */
|
/** set up + load settings menu data */
|
||||||
settingsMenuData = JSON.parse(
|
settingsMenuData = JSON.parse(
|
||||||
localStorage.getItem("settingsMenuData")
|
localStorage.getItem("settingsMenuData")
|
||||||
@@ -2039,6 +2039,19 @@
|
|||||||
for (let i = 0; i < tabs.length; i++) {
|
for (let i = 0; i < tabs.length; i++) {
|
||||||
tabs[i].addEventListener("click", changeActiveTab, false);
|
tabs[i].addEventListener("click", changeActiveTab, false);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/** set up cursors */
|
||||||
|
cursors = JSON.parse(localStorage.getItem("cursors")) || {};
|
||||||
|
if (cursors != {}) {
|
||||||
|
// apply new default cursor to entire html document
|
||||||
|
document.getElementsByTagName("html")[0].style.cursor =
|
||||||
|
cursors.link ? 'url("' + cursors.default + '"), auto' : "";
|
||||||
|
// apply link hover cursor
|
||||||
|
let links = document.getElementsByTagName("a");
|
||||||
|
for (let i = 0; i < links.length; i++) {
|
||||||
|
links[i].style.cursor = cursors.link ? 'url("' + cursors.link + '"), pointer' : "pointer";
|
||||||
|
}
|
||||||
|
}
|
||||||
})();
|
})();
|
||||||
|
|
||||||
/**************************
|
/**************************
|
||||||
@@ -2213,9 +2226,12 @@
|
|||||||
hyperlinkedImages[i].insertAdjacentHTML("afterend",
|
hyperlinkedImages[i].insertAdjacentHTML("afterend",
|
||||||
`<a id="` + containerId + `--hyperlink" href="` + link + `"></a>`
|
`<a id="` + containerId + `--hyperlink" href="` + link + `"></a>`
|
||||||
);
|
);
|
||||||
|
|
||||||
hyperlinkedImages[i].remove();
|
hyperlinkedImages[i].remove();
|
||||||
document.getElementById(containerId + "--hyperlink").appendChild(clone);
|
document.getElementById(containerId + "--hyperlink").appendChild(clone);
|
||||||
|
|
||||||
|
if (cursors.link != undefined) {
|
||||||
|
document.getElementById(containerId + "--hyperlink").style.cursor = cursors.link ? 'url("' + cursors.link + '"), pointer' : "";
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// remove any youtube iframe covers
|
// remove any youtube iframe covers
|
||||||
@@ -2814,7 +2830,7 @@
|
|||||||
|
|
||||||
function setLinkHoverCursor() {
|
function setLinkHoverCursor() {
|
||||||
cursors.link = document.getElementById("linkCursorInput").value;
|
cursors.link = document.getElementById("linkCursorInput").value;
|
||||||
// apply new grab cursor to grabbable elements...
|
// apply cursor on links...
|
||||||
let links = document.getElementsByTagName("a");
|
let links = document.getElementsByTagName("a");
|
||||||
for (let i = 0; i < links.length; i++) {
|
for (let i = 0; i < links.length; i++) {
|
||||||
links[i].style.cursor = cursors.link ? 'url("' + cursors.link + '"), pointer' : "pointer";
|
links[i].style.cursor = cursors.link ? 'url("' + cursors.link + '"), pointer' : "pointer";
|
||||||
@@ -3061,7 +3077,7 @@
|
|||||||
if (container.imageUrl?.includes("youtube.com") || container.imageUrl?.includes("youtu.be")) {
|
if (container.imageUrl?.includes("youtube.com") || container.imageUrl?.includes("youtu.be")) {
|
||||||
document.getElementById(containerId).children[0].style.borderWidth =
|
document.getElementById(containerId).children[0].style.borderWidth =
|
||||||
container.settings.borderWidth + "px";
|
container.settings.borderWidth + "px";
|
||||||
document.getElementById(containerId).children[0].style.borderWidth =
|
document.getElementById(containerId).children[1].style.borderWidth =
|
||||||
container.settings.borderWidth + "px";
|
container.settings.borderWidth + "px";
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
|
|||||||
Reference in New Issue
Block a user