diff --git a/src/abs.js b/src/abs.js index d9c1c1e..82ce5ce 100644 --- a/src/abs.js +++ b/src/abs.js @@ -263,8 +263,9 @@ export function absTogglePlay() { } export function absInterrupt() { + // Always hide the ABS bar when music takes over, regardless of ABS play state + if (_absMiniVisible) { _absMiniVisible = false; _renderMiniBar(); } if (!S.absPlayer.item || !S.absPlayer.playing) return; - _absMiniVisible = false; // music is taking over — hide ABS bar until ABS plays again _getAudio().pause(); } diff --git a/styles.css b/styles.css index 32d437b..82f48ce 100644 --- a/styles.css +++ b/styles.css @@ -965,8 +965,8 @@ nav{flex:1;overflow-y:auto;padding:4px 10px} .abs-mini-open{background:none;border:none;color:var(--text2);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0} .abs-mini-open:hover{color:var(--text)} .abs-hbtn.active{color:var(--accent)} -.abs-volume-row{display:flex;align-items:center;gap:10px;padding:0 24px 14px} +.abs-volume-row{display:flex;align-items:center;gap:8px;padding:0 24px 16px;width:220px;margin:0 auto} .abs-vol-slider{flex:1;-webkit-appearance:none;appearance:none;height:3px;border-radius:2px;background:var(--surface2);outline:none;cursor:pointer} -.abs-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer} -.abs-vol-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:none} +.abs-vol-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent);cursor:pointer} +.abs-vol-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--accent);cursor:pointer;border:none} @media(max-width:768px){.abs-mini-bar{bottom:80px;height:var(--player-h)}}