diff --git a/public/trackComponent.js b/public/trackComponent.js
index f9db290..0e31b27 100644
--- a/public/trackComponent.js
+++ b/public/trackComponent.js
@@ -14,7 +14,6 @@
* @param {boolean} config.isSelected - Whether track is selected
* @param {boolean} config.isCached - Whether track is cached locally
* @param {boolean} config.isActive - Whether this is the currently playing track
- * @param {boolean} config.showPlayButton - Show play button (queue only)
* @param {boolean} config.draggable - Whether element is draggable
* @returns {HTMLElement}
*/
@@ -26,7 +25,6 @@
isSelected,
isCached,
isActive,
- showPlayButton,
draggable
} = config;
@@ -53,8 +51,6 @@
// Build HTML
const checkmark = isSelected ? '✓' : '';
const trackNum = displayIndex != null ? `${displayIndex}.` : '';
- const playBtn = showPlayButton ? '' : '';
- const previewBtn = '';
div.innerHTML = `
${checkmark}
@@ -62,8 +58,6 @@
${trackNum}
${escapeHtml(title)}
- ${playBtn}
- ${previewBtn}
${M.fmt(track.duration)}
`;
diff --git a/public/trackContainer.js b/public/trackContainer.js
index 7f5cbc8..30ad0b0 100644
--- a/public/trackContainer.js
+++ b/public/trackContainer.js
@@ -117,7 +117,6 @@
isSelected,
isCached,
isActive,
- showPlayButton: type === 'queue',
draggable: isDraggable
});
@@ -269,24 +268,6 @@
render();
};
- // Play button (queue only)
- const playBtn = div.querySelector('.track-play-btn');
- if (playBtn) {
- playBtn.onclick = (e) => {
- e.stopPropagation();
- playTrack(track, originalIndex);
- };
- }
-
- // Preview button
- const previewBtn = div.querySelector('.track-preview-btn');
- if (previewBtn) {
- previewBtn.onclick = (e) => {
- e.stopPropagation();
- previewTrack(track);
- };
- }
-
// Context menu
div.oncontextmenu = (e) => {
e.preventDefault();
@@ -834,6 +815,8 @@
const sub = document.createElement("div");
sub.className = "context-submenu";
+ const subInner = document.createElement("div");
+ subInner.className = "context-submenu-inner";
item.submenu.forEach(subItem => {
const subEl = document.createElement("div");
subEl.className = "context-menu-item";
@@ -843,8 +826,9 @@
hideContextMenu();
subItem.action();
};
- sub.appendChild(subEl);
+ subInner.appendChild(subEl);
});
+ sub.appendChild(subInner);
el.appendChild(sub);
} else if (!item.disabled) {
el.onclick = () => {