diff options
| -rw-r--r-- | .github/ISSUE_TEMPLATE/bug.yml | 6 | ||||
| -rw-r--r-- | Docs/FAQ.md | 2 | ||||
| -rw-r--r-- | Extensions/combined/content-style.css | 20 | ||||
| -rw-r--r-- | Extensions/combined/src/bar.js | 6 |
4 files changed, 28 insertions, 6 deletions
diff --git a/.github/ISSUE_TEMPLATE/bug.yml b/.github/ISSUE_TEMPLATE/bug.yml index efacc6d..496ec3e 100644 --- a/.github/ISSUE_TEMPLATE/bug.yml +++ b/.github/ISSUE_TEMPLATE/bug.yml @@ -3,6 +3,12 @@ description: File a bug report! # title: "(Bug): " labels: ["bug"] body: + - type: checkboxes + attributes: + label: Have you tried to find similar open issues? + options: + - label: "Yes, this issue is not a duplicate" + required: true - type: input attributes: label: Browser diff --git a/Docs/FAQ.md b/Docs/FAQ.md index 1d7d41c..73ca83b 100644 --- a/Docs/FAQ.md +++ b/Docs/FAQ.md @@ -36,7 +36,7 @@ The backend will switch to using a combination of archived dislike stats, estima ### **5. How is the dislike count calculated?** -RYD uses the votes from it's users to extrapolate the dislike count. +RYD uses the votes from its users to extrapolate the dislike count. - If the video was uploaded after the API was shut down: diff --git a/Extensions/combined/content-style.css b/Extensions/combined/content-style.css index d8da7db..4e53f87 100644 --- a/Extensions/combined/content-style.css +++ b/Extensions/combined/content-style.css @@ -30,12 +30,21 @@ } .ryd-tooltip { - position: relative; display: block; height: 2px; +} + +.ryd-tooltip-old-design { + position: relative; top: 9px; } +.ryd-tooltip-new-design { + position: absolute; + bottom: -10px; + left: -4px; +} + .ryd-tooltip-bar-container { width: 100%; height: 2px; @@ -44,3 +53,12 @@ padding-bottom: 12px; top: -6px; } + +/* required to make the ratio bar visible in the new design */ +ytd-menu-renderer.ytd-watch-metadata { + overflow-y: visible !important; +} + +#top-level-buttons-computed { + position: relative !important; +} diff --git a/Extensions/combined/src/bar.js b/Extensions/combined/src/bar.js index 930f0f5..ebf9ad8 100644 --- a/Extensions/combined/src/bar.js +++ b/Extensions/combined/src/bar.js @@ -57,14 +57,12 @@ function createRateBar(likes, dislikes) { ( document.getElementById( - isNewDesign() ? "actions-inner" : "menu-container" + isNewDesign() ? "top-level-buttons-computed" : "menu-container" ) || document.querySelector("ytm-slim-video-action-bar-renderer") ).insertAdjacentHTML( "beforeend", ` - <div class="ryd-tooltip" style="width: ${widthPx}px${ - isNewDesign() ? "; margin-bottom: -2px" : "" - }"> + <div class="ryd-tooltip ryd-tooltip-${isNewDesign() ? "new" : "old"}-design" style="width: ${widthPx}px"> <div class="ryd-tooltip-bar-container"> <div id="ryd-bar-container" |