Move category pill to top if on description on right layout

This commit is contained in:
Ajay
2024-02-27 22:13:58 -05:00
parent 5f8447ec6b
commit 1909e66c87
3 changed files with 30 additions and 4 deletions

View File

@@ -43,9 +43,15 @@ export class CategoryPill {
}
private async attachToPageInternal(): Promise<void> {
const referenceNode =
let referenceNode =
await waitFor(() => getYouTubeTitleNode());
// Experimental YouTube layout with description on right
const isOnDescriptionOnRightLayout = document.querySelector("#title #description");
if (isOnDescriptionOnRightLayout) {
referenceNode = referenceNode.parentElement;
}
if (referenceNode && !referenceNode.contains(this.container)) {
if (!this.container) {
this.container = document.createElement('span');
@@ -91,7 +97,9 @@ export class CategoryPill {
parent.appendChild(this.container);
referenceNode.prepend(parent);
referenceNode.style.display = "flex";
if (!isOnDescriptionOnRightLayout) {
referenceNode.style.display = "flex";
}
}
}