diff options
author | Aaron Kerckhoff <aaronkerckhoff@gmail.com> | 2022-05-21 01:08:38 +0300 |
---|---|---|
committer | Aaron Kerckhoff <aaronkerckhoff@gmail.com> | 2022-05-21 02:13:07 +0300 |
commit | f60ab778cc210b87988ca8dd15fd070a7316bd84 (patch) | |
tree | 9259a27f535c3e2548f687b746f7e9daadb6dc56 | |
parent | 1be31bbb0740e9c5a02d684e584f0d4d09831c78 (diff) |
Improve ratio display on new design
-rw-r--r-- | Extensions/combined/src/bar.js | 9 |
1 files changed, 8 insertions, 1 deletions
diff --git a/Extensions/combined/src/bar.js b/Extensions/combined/src/bar.js index c82291d..386ff59 100644 --- a/Extensions/combined/src/bar.js +++ b/Extensions/combined/src/bar.js @@ -28,7 +28,7 @@ function createRateBar(likes, dislikes) { ).insertAdjacentHTML( "beforeend", ` - <div class="ryd-tooltip" style="width: ${widthPx}px${isNewDesign() ? "; margin-top: -10px; margin-bottom: 15px" : ""}"> + <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 + "%"; |