Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/Anarios/return-youtube-dislike.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'Extensions/combined/src/bar.js')
-rw-r--r--Extensions/combined/src/bar.js15
1 files changed, 11 insertions, 4 deletions
diff --git a/Extensions/combined/src/bar.js b/Extensions/combined/src/bar.js
index c56ab57..386ff59 100644
--- a/Extensions/combined/src/bar.js
+++ b/Extensions/combined/src/bar.js
@@ -1,5 +1,5 @@
import { getButtons } from "./buttons";
-import { extConfig, isMobile, isLikesDisabled } from "./state";
+import { extConfig, isMobile, isLikesDisabled, isNewDesign } from "./state";
import { cLog, getColorFromTheme } from "./utils";
function createRateBar(likes, dislikes) {
@@ -23,12 +23,12 @@ function createRateBar(likes, dislikes) {
}
(
- document.getElementById("menu-container") ||
+ document.getElementById(isNewDesign() ? "actions-inner" : "menu-container") ||
document.querySelector("ytm-slim-video-action-bar-renderer")
).insertAdjacentHTML(
"beforeend",
`
- <div class="ryd-tooltip" style="width: ${widthPx}px">
+ <div class="ryd-tooltip" style="width: ${widthPx}px${isNewDesign() ? "; margin-bottom: -2px" : ""}">
<div class="ryd-tooltip-bar-container">
<div
id="ryd-bar-container"
@@ -46,6 +46,13 @@ function createRateBar(likes, dislikes) {
</div>
`
);
+
+ // Add border between info and comments
+ if (isNewDesign()) {
+ let descriptionAndActionsElement = document.getElementById("description-and-actions");
+ descriptionAndActionsElement.style.borderBottom = "1px solid var(--yt-spec-10-percent-layer)";
+ descriptionAndActionsElement.style.paddingBottom = "10px";
+ }
} else {
document.getElementById("ryd-bar-container").style.width = widthPx + "px";
document.getElementById("ryd-bar").style.width = widthPercent + "%";
@@ -62,7 +69,7 @@ function createRateBar(likes, dislikes) {
} else {
cLog("removing bar");
let ratebar = document.getElementById("ryd-bar-container");
- if(ratebar) {
+ if (ratebar) {
ratebar.parentNode.removeChild(ratebar);
}
}