> Hi Guys! Please review @TienTim's upload to the AppStore as he proposed in #1568

[ImprovedTube]

We are on Apple! https://apps.apple.com/us/app/improved-tube/id1672777754 ( #1568 )

Hi Guys! Please review @TienTim's upload to the AppStore as he proposed in #1568

@h3nk387 @RobyRew @CorduroyZeus123 @augustobob @GameParrot @andyayya @Raid13577

If we have an AppStore account later, as an organisation, then this App can be transfered in place.

many smiles!

I have installed on my both Macs and too far too good is working, tomorrow ill review on AppStore,
for now I have a small issue, where I can report the bug?

as you can see the buttons are just super small and everything is disordered and some hidden.

Originally posted by @RobyRew in #494 (comment)

[ImprovedTube]

Hi @RobyRew, thanks! With sidebar on the left only? (Or even with no features enabled?) So maybe thats our first a safari specific bug-report, yet more likely it is through difference in youtube premium?

[RobyRew]

Hi @RobyRew, thanks! With sidebar on the left only? (Or even with no features enabled?) Assumably thats our first a safari specific bug-report

Just uploaded the first big update since several month to the repo latest @TienTim you can upload it (Wont ask often 😆) Thanks again!

It looks like its there anyway, I found why, its has something to do with (Return YouTube Dislike by Anarios & JRWR): https://github.com/Anarios/return-youtube-dislike/raw/main/Extensions/UserScript/Return%20Youtube%20Dislike.user.js

I have it installed with Tampermonkey, these settings control a little about the grey bar , im not sure what to do to fix Return Dislike Button.

Soo the extension ImprovedTube works perfectly, is the other extension that is conflicting with.

Youtube with ImprovedTube OFF, and Return Dislike Button ON:

Youtube with ImprovedTube ON, and Return Dislike Button OFF:

Youtube with ImprovedTube ON, and Return Dislike Button ON:

SUGGESTIONS?

[ImprovedTube]

interesting if it only happens with both extensions & in Safari.
you can try to disable our"buttons below the player" (in the end of our the player menu), just to see if itt makes a difference

[RobyRew]

ANY difference, thanks!

However digging in on the Return Youtube Dislike Extension

I found that the extension creates the like-dislike ratio bar on the function:
function createRateBar(likes, dislikes) on line 308 (version 3.1.1)

soo I commented all other places that call that function:
lines: 417, 455, 462, 466, 483, 488, 494

Now the bar disappeared, Maybe in the future ill play with DOM to position the bar under that div to be compatible with Improved for Youtube Extension.

But yeah that was the fix. This is solved.

[ImprovedTube]

@RobyRew Also: #1616 @sapondanaisriwan

[RobyRew]

okay, Ignore this comment #1485903762, I added this code and fully fixes the problem:

      // Adds support for Improved YouTubeTube Extension
      document.getElementById("menu-container").style.display = 'block';

On the Return Dislike YouTube Script on the createBar(likes, dislikes) function, so now the full function without the need to hide anything looks like this:

Full Function createRateBar(like, dislikes)

function createRateBar(likes, dislikes) {
  if (isMobile) {
    return;
  }
  let rateBar = document.getElementById("return-youtube-dislike-bar-container");

  const widthPx =
    getButtons().children[0].clientWidth +
    getButtons().children[1].clientWidth +
    8;

  const widthPercent =
    likes + dislikes > 0 ? (likes / (likes + dislikes)) * 100 : 50;

  var likePercentage = parseFloat(widthPercent.toFixed(1));
  const dislikePercentage = (100 - likePercentage).toLocaleString();
  likePercentage = likePercentage.toLocaleString();

  var tooltipInnerHTML;
  switch (extConfig.tooltipPercentageMode) {
    case "dash_like":
      tooltipInnerHTML = `${likes.toLocaleString()} / ${dislikes.toLocaleString()}  -  ${likePercentage}%`;
      break;
    case "dash_dislike":
      tooltipInnerHTML = `${likes.toLocaleString()} / ${dislikes.toLocaleString()}  -  ${dislikePercentage}%`;
      break;
    case "both":
      tooltipInnerHTML = `${likePercentage}% / ${dislikePercentage}%`;
      break;
    case "only_like":
      tooltipInnerHTML = `${likePercentage}%`;
      break;
    case "only_dislike":
      tooltipInnerHTML = `${dislikePercentage}%`;
      break;
    default:
      tooltipInnerHTML = `${likes.toLocaleString()} / ${dislikes.toLocaleString()}`;
  }

  if (!rateBar && !isMobile) {
    let colorLikeStyle = "";
    let colorDislikeStyle = "";
    if (extConfig.coloredBar) {
      colorLikeStyle = "; background-color: " + getColorFromTheme(true);
      colorDislikeStyle = "; background-color: " + getColorFromTheme(false);
    }
      // Adds support for Improved YouTubeTube Extension
      document.getElementById("menu-container").style.display = 'block';

    document.getElementById("menu-container").insertAdjacentHTML(
      "beforeend",
      `
        <div class="ryd-tooltip" style="width: ${widthPx}px">
        <div class="ryd-tooltip-bar-container">
           <div
              id="return-youtube-dislike-bar-container"
              style="width: 100%; height: 2px;${colorDislikeStyle}"
              >
              <div
                 id="return-youtube-dislike-bar"
                 style="width: ${widthPercent}%; height: 100%${colorDislikeStyle}"
                 ></div>
           </div>
        </div>
        <tp-yt-paper-tooltip position="top" id="ryd-dislike-tooltip" class="style-scope ytd-sentiment-bar-renderer" role="tooltip" tabindex="-1">
           <!--css-build:shady-->${tooltipInnerHTML}
        </tp-yt-paper-tooltip>
        </div>
`
    );
  } else {
    document.getElementById(
      "return-youtube-dislike-bar-container"
    ).style.width = widthPx + "px";
    document.getElementById("return-youtube-dislike-bar").style.width =
      widthPercent + "%";

    document.querySelector("#ryd-dislike-tooltip > #tooltip").innerHTML =
      tooltipInnerHTML;

    if (extConfig.coloredBar) {
      document.getElementById(
        "return-youtube-dislike-bar-container"
      ).style.backgroundColor = getColorFromTheme(false);
      document.getElementById(
        "return-youtube-dislike-bar"
      ).style.backgroundColor = getColorFromTheme(true);
    }
  }
}

Example HERE:

[ImprovedTube]

Hi! @RobyRew 👍
so we - or Return Dislikes still need
#menu-container {display: block;}
, right?

[RobyRew]

Hi,

yes, that's correct! 😊