Skip to content

Instantly share code, notes, and snippets.

@PiN73
Last active August 19, 2025 10:33
Show Gist options
  • Select an option

  • Save PiN73/7f71204f3d1669992c3a981c7af556f9 to your computer and use it in GitHub Desktop.

Select an option

Save PiN73/7f71204f3d1669992c3a981c7af556f9 to your computer and use it in GitHub Desktop.
Яндекс Музыка: высота ползунка (индикатора прогресса) [скрипт для Tampermonkey]
// ==UserScript==
// @name Яндекс Музыка высота ползунка (индикатора прогресса)
// @version 2025-08-16
// @description change height of yandex music slider (progressbar)
// @match https://music.yandex.ru/*
// @match https://music.yandex.com/*
// @icon https://www.google.com/s2/favicons?sz=64&domain=music.yandex.com
// @grant none
// ==/UserScript==
(function() {
'use strict'
document.head.insertAdjacentHTML('beforeend', `
<style>
:root {
--progress-bar-height: calc(var(--player-bar-height) / 4);
}
section[aria-labelledby="player-region"] {
div.ChangeTimecodeBackground_progressbar__M93Ie,
div.ChangeTimecodeBackground_progressbar__M93Ie:before,
div.PlayerBarDesktopWithBackgroundProgressBar_progressBar___Q6eK,
div.PlayerBarDesktopWithBackgroundProgressBar_progressBar___Q6eK:before,
dummy-hrVfxdBh {
height: calc(var(--progress-bar-height) * 1);
}
input.ChangeTimecodeBackground_slider__Jdu3l,
input.ChangeTimecodeBackground_important__OSzLR,
input.PlayerBarDesktopWithBackgroundProgressBar_slider__SezFn,
dummy-hrVfxdBh {
height: calc(var(--progress-bar-height) * 1);
inset-block-start: 0;
inset-inline-start: 0;
}
div.ChangeTimecodeBackground_thumb__vx6J0,
dummy-hrVfxdBh {
visibility: hidden;
}
div.ChangeVolume_sliderContainer__pvOZa,
dummy-hrVfxdBh {
/* override to fix volume hover */
--position-slider-container-block: calc(
-1 * var(--height-slider-container) + var(--progress-bar-height)
);
}
}
</style>
`)
})()
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment