diff options
Diffstat (limited to 'Extensions/combined/src/bar.js')
-rw-r--r-- | Extensions/combined/src/bar.js | 15 |
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); } } |