Нормальное положение кнопки громкости на Пикабу⁠⁠1

Товарищи, может пост и потонет в минусах, но мое дело попробовать. Создал стиль для сайта, который возвращает кнопку управления громкостью на ее «нормальное» место.

Для использования нужно, чтобы бы у вас стоял был любой браузер, поддерживающий плагины (Chrome, Edge, Firefox, Opera и тд), установленный плагин Stylus (но не Stylish, он замечен в нелегитимной активности).

Сам стиль выглядит так:

.player__controls-wrapper {

width: calc(100% - 30px);

}

.player__volume-container {

top: auto;

bottom: 6px;

right: 2px;

}

.player__volume-container,

.player__volume,

.player__volume-amounts {

transform: rotate(180deg);

}

Для облегчения установки сделал экспорт файла, скачать вы можете его с моего Я.Диска, который достаточно импортировать в плагин. Пользуйтесь на здоровье и не бомбите, попа— она одна и на всю жизнь!

Upd. #comment_242916473

345

1 пост-ответ

от Vornex

Смотреть

Вы смотрите срез комментариев. Показать все

Dialog56

3 года назад

@Komatera,

Друг, брат, отец, БОГ! Спс огромное за нормальное расположение кнопки звука)))

У меня к тебе есть огромная просьба - можешь, пожалуйста, поправить ещё 1 корявый UX? Только на другом сайте уже :)

Ямузыка. Кнопка игнора трека - хорошая идея, но б*ять... при перемотке трека опустить мышь на 1 пиксель в низ и нажать на неё - ебейшая идея. На уровне ползунка громкости в верхнем углу видоса.

Есть 2 предложения - что будет супер удобно (думаю не только для меня).

1. Перенести саму кнопку в ту часть сайта, куда просто так не нажимают (даже случайно).

2. При наведении мыши на шкалу перемотки увеличивать её раза в 3-4, что бы она полностью перекрывала панель с кнопками под ней.

1 вариант предпочтительнее :) Спасибо.