Hide the "Like" and "Dislike is Disabled" captions next to the buttons

[TsukiZero]

It is breaking the action bar badly and none of my CSS fixes can work with it (trying to do style manipulation causes a bad loop)

[jpa102]

it will be like this, right?

[TsukiZero]

correct!

[jpa102]

(trying to do style manipulation causes a bad loop)

i don't know, but i wrote a simple javascript code for this:

document.head.insertAdjacentHTML(
	"afterbegin",
	`
		<style id="hide-like-counts-and-dislike-counts-text">
			/* dislike count renderer */
			dislike-button-view-model > toggle-button-view-model > button-view-model > button > div.yt-spec-button-shape-next__button-text-content {
				display: none !important;
			}
			
			/* like count renderer */
			like-button-view-model > toggle-button-view-model > button-view-model > button > div.yt-spec-button-shape-next__button-text-content {
				display: none !important;
			}
			
			/* unset the margin-right for like & dislike icons */
			dislike-button-view-model > toggle-button-view-model > button-view-model > button > .yt-spec-button-shape-next__icon,
			like-button-view-model > toggle-button-view-model > button-view-model > button > .yt-spec-button-shape-next__icon {
				margin-right: unset !important;
			}
		</style>
	`
);

this is the result: (i found a video with hidden likes from my history)

without the javascript code: (for some reason, it's displaying with japanese text on my end)

maybe i can try implementing this in the userscript version (i forked the repository months ago)