3.0.0.14 release - YouTube UI fixes

This commit is contained in:
Anarios
2023-12-12 23:25:17 +01:00
parent 6791543617
commit fbf80ab174
3 changed files with 9 additions and 9 deletions
+1 -1
View File
@@ -36,8 +36,8 @@ async function setEventListeners (evt) {
if (isShorts() || (getButtons()?.offsetParent && isVideoLoaded())) {
clearInterval(jsInitChecktimer);
jsInitChecktimer = null;
addLikeDislikeEventListener();
createSmartimationObserver();
addLikeDislikeEventListener();
await setInitialState();
isSetInitialStateDone = true;
getBrowser().storage.onChanged.addListener(storageChangeHandler);
+6 -6
View File
@@ -44,13 +44,13 @@ function getDislikeButton() {
return getButtons().children[0].tagName ===
'YTD-SEGMENTED-LIKE-DISLIKE-BUTTON-RENDERER'
? querySelector(extConfig.selectors.buttons.dislikeButton.segmented) ?? querySelector(extConfig.selectors.buttons.dislikeButton.segmentedGetButtons, getButtons())
: querySelector(extConfig.selectors.buttons.dislikeButton.notSegmented, getButtons())
: isShorts() ? querySelector(['#dislike-button'], getButtons()) : querySelector(extConfig.selectors.buttons.dislikeButton.notSegmented, getButtons())
}
function createDislikeTextContainer() {
const textNodeClone = (getLikeButton().querySelector("button > div[class*='cbox']") || (getLikeButton().querySelector('div > span[role="text"]') || document.querySelector('button > div.yt-spec-button-shape-next__button-text-content > span[role="text"]')).parentNode).cloneNode(true);
const insertPreChild = getDislikeButton().querySelector("yt-touch-feedback-shape");
getDislikeButton().querySelector("button").insertBefore(textNodeClone, insertPreChild);
const textNodeClone = (getLikeButton().querySelector('.yt-spec-button-shape-next__button-text-content') || (getLikeButton().querySelector("button > div[class*='cbox']") || (getLikeButton().querySelector('div > span[role="text"]') || document.querySelector('button > div.yt-spec-button-shape-next__button-text-content > span[role="text"]')).parentNode)).cloneNode(true);
const insertPreChild = getDislikeButton().querySelector("button");
insertPreChild.insertBefore(textNodeClone, null);
getDislikeButton().querySelector("button").classList.remove("yt-spec-button-shape-next--icon-button");
getDislikeButton().querySelector("button").classList.add("yt-spec-button-shape-next--icon-leading");
if(textNodeClone.querySelector("span[role='text']") === null) {
@@ -61,8 +61,8 @@ function createDislikeTextContainer() {
}
textNodeClone.appendChild(span);
}
textNodeClone.querySelector("span[role='text']").innerText = "";
return textNodeClone.querySelector("span[role='text']");
textNodeClone.innerText = "";
return textNodeClone;
}
function getDislikeTextContainer() {
+2 -2
View File
@@ -17,6 +17,7 @@ import {
createObserver
} from './utils';
import { createStarRating } from "./starRating";
import { dislikeClicked } from './events';
//TODO: Do not duplicate here and in ryd.background.js
const apiUrl = "https://returnyoutubedislikeapi.com";
@@ -122,7 +123,7 @@ function isLikesDisabled() {
getButtons().children[0].querySelector(".button-renderer-text").innerText
);
}
return /^\D*$/.test(getButtons().children[0].innerText);
return /^\D*$/.test(getLikeTextContainer().innerText);
}
function isVideoLiked() {
@@ -162,7 +163,6 @@ function setLikes(likesCount) {
function setDislikes(dislikesCount) {
cLog(`SET dislikes ${dislikesCount}`)
getDislikeTextContainer()?.removeAttribute("is-empty");
getDislikeTextContainer()?.removeAttribute('is-empty');
if (!isLikesDisabled()) {
if (isMobile()) {
getButtons().children[1].querySelector(