fix: fix album actions

- fix #2202

src/plugins/album-actions/index.ts

@@ -112,8 +112,13 @@ export default createPlugin<
           i++;
         }
       }
-      const menu = document.querySelector('.detail-page-menu');
+      const menuParent = document.querySelector('#action-buttons')?.parentElement;
-      if (menu && !document.querySelector('.like-menu')) {
+      if (menuParent && !document.querySelector('.like-menu')) {
+        const menu = document.createElement('div');
+        menu.id = 'ytmd-album-action-buttons';
+        menu.className = 'action-buttons style-scope ytmusic-responsive-header-renderer';
+
+        menuParent.insertBefore(menu, menuParent.children[menuParent.children.length - 1]);
         for (const button of buttons) {
           menu.appendChild(button);
           button.addEventListener('click', this.loadFullList);

src/plugins/album-actions/templates/dislike.html

@@ -1,11 +1,12 @@
-<button
+<div class="style-scope">
+  <button
     id="alldislike"
     data-type="dislike"
     data-filled="false"
     class="like-menu yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-button"
     aria-pressed="false"
     aria-label="Dislike all"
->
+  >
     <div
       class="yt-spec-button-shape-next__icon"
       style="color: var(--ytmusic-setting-item-toggle-active)"
@@ -71,4 +72,5 @@
         <div class="yt-spec-touch-feedback-shape__fill"></div>
       </div>
     </yt-touch-feedback-shape>
-</button>
+  </button>
+</div>

src/plugins/album-actions/templates/like.html

@@ -1,11 +1,12 @@
-<button
+<div class="style-scope">
+  <button
     id="alllike"
     data-type="like"
     data-filled="false"
     class="like-menu yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-button"
     aria-pressed="false"
     aria-label="Like all"
->
+  >
     <div
       class="yt-spec-button-shape-next__icon"
       style="color: var(--ytmusic-setting-item-toggle-active)"
@@ -71,4 +72,5 @@
         <div class="yt-spec-touch-feedback-shape__fill"></div>
       </div>
     </yt-touch-feedback-shape>
-</button>
+  </button>
+</div>

src/plugins/album-actions/templates/undislike.html

@@ -1,11 +1,12 @@
-<button
+<div class="style-scope">
+  <button
     id="allundislike"
     data-type="dislike"
     data-filled="true"
     class="like-menu yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-button"
     aria-pressed="false"
     aria-label="Undislike all"
->
+  >
     <div
       class="yt-spec-button-shape-next__icon"
       style="color: var(--ytmusic-setting-item-toggle-active)"
@@ -71,4 +72,5 @@
         <div class="yt-spec-touch-feedback-shape__fill"></div>
       </div>
     </yt-touch-feedback-shape>
-</button>
+  </button>
+</div>

src/plugins/album-actions/templates/unlike.html

@@ -1,11 +1,12 @@
-<button
+<div class="style-scope">
+  <button
     id="allunlike"
     data-type="like"
     data-filled="true"
     class="like-menu yt-spec-button-shape-next yt-spec-button-shape-next--text yt-spec-button-shape-next--mono yt-spec-button-shape-next--size-m yt-spec-button-shape-next--icon-button"
     aria-pressed="false"
     aria-label="Unlike all"
->
+  >
     <div
       class="yt-spec-button-shape-next__icon"
       style="color: var(--ytmusic-setting-item-toggle-active)"
@@ -71,4 +72,5 @@
         <div class="yt-spec-touch-feedback-shape__fill"></div>
       </div>
     </yt-touch-feedback-shape>
-</button>
+  </button>
+</div>