4112

Нормальное положение кнопки громкости на Пикабу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

524
DELETED
Автор поста оценил этот комментарий

Скоро так и придётся допиливать пикабу скриптами для Стилуса и Tampermonkey

раскрыть ветку (1)
80
Автор поста оценил этот комментарий

а что делать... я почти не сижу на сайте, в основном перед сном на телефоне через приложение, но заметил общее недовольство и решил попробовить помочь хотя бы кому то. 

показать ответы
30
Автор поста оценил этот комментарий

https://disk.yandex.ru/d/R6l1axsasS69PQ

дискетку у поста сделал. объединил с оригинальным стилем

показать ответы
28
Автор поста оценил этот комментарий

Ну осталось еще дискетку вернуть и будет топчик)

раскрыть ветку (1)
22
Автор поста оценил этот комментарий

https://disk.yandex.ru/d/R6l1axsasS69PQ

дискетку у поста сделал. объединил с оригинальным стилем

показать ответы
Автор поста оценил этот комментарий

Как меня эти амбициозные люди уже достали.


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

Кто тебе сказал, что это ее "нормальное" место? Может - привычное?

раскрыть ветку (1)
21
Автор поста оценил этот комментарий

А ничего, что слово «нормальное» я взял в кавычки? Вообще ни накие мысли не наводит? Потому и в кавычках, кто нормальность этого положения очень условная. Лишь бы прикопаться, не не нужно тебе, пройди мимо, нет, надо придраться, «КАК МЕНЯ ДОСТАААЛИ». Кто тебя достал? Как достал? Тебе стало плохо? У тебя голова заболела, или попа сгорела?


P.S. а причем тут амбиции?)

показать ответы
29
Автор поста оценил этот комментарий

Здравствуйте, старый ползунок был неудобен, особенно на телефонах, когда приходилось долистывать вертикальное видео, и там пытаться не задев другие элементы выставить нужную громкость. Мы понимаем, что это нововедение поначалу вызывает раздражение, но мы хотим дать ему шанс. Мы провели А-Б тестировние среди пикабушников, и выявили положительный отклик на это нововведение. Так что, просьба пойти нахуй со своим мнение. Надеемся на ваше понимание.

раскрыть ветку (1)
20
Автор поста оценил этот комментарий
Иллюстрация к комментарию
25
Автор поста оценил этот комментарий

Получается ты кодер чтоли? Программист?

раскрыть ветку (1)
30
Автор поста оценил этот комментарий

Энтузиаст)

показать ответы
Автор поста оценил этот комментарий
А ничего, что слово «нормальное» я взял в кавычки?

А. Жертва ЕГЭ? Вместо нормальное, слово привычное не пришло на ум. Ясно. Извини.


Еще бы написал - обычное.

раскрыть ветку (1)
12
Автор поста оценил этот комментарий

Ничего что слово «привычное» тоже здесь не подходит по твоей же логике, веь это неправильное положение?

Ничего, что взять слово в кавычки для придания ему некоторой окраски - это нормально?

показать ответы
Автор поста оценил этот комментарий
Ну хз. Нормальное расположение кнопки - слева от полосы. Справа рядом с кнопкой "развернуть на весь экран" - пальцами промахнешься, только если мышью можно
раскрыть ветку (1)
18
Автор поста оценил этот комментарий

делать громкость слева от кнопки play странновато, а впихнуть между сильно больше времени займет, так как они нахожятся в разных контейнерах. так что положение справа - минимальные потери)

Автор поста оценил этот комментарий

Нет. Не нормально. Слова должны передавать смысл. И у слов - нормально и привычно - совершенно разные смыслы.


-Фима,а ты знаешь,что Моня-пидорас? -Взял деньги и не отдает? -Да нет...в хорошем смысле слова.

раскрыть ветку (1)
8
Автор поста оценил этот комментарий

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

показать ответы
Автор поста оценил этот комментарий
Промышленных - нет, но большая их часть стандартизируются друг под друга

Это ложь. Точнее - ваше невежество. Жду ссылок на стандарты расположения элементов у плееров.


Это вы цитату не выделили?

Нет. Это я подчеркнул, ваше невежество.


Именно, то о чем я и говорю - что каждый как хочет так и воротит и вызывает боль у пользователей. Данное изменение - не критичное.

раскрыть ветку (1)
6
Автор поста оценил этот комментарий

У вас все невежественные. Если чужое мнение с вашим не совпадает, надо попытаться втоптать человека в грязь. Именно этим вы занимаетесь. Как нынче модно говорить: "токсик"

показать ответы
Автор поста оценил этот комментарий

Нет такого понятия для ПО - нормальное положение кнопок. Это вы сами придумали.


Положение справа внизу для кнопки громкости не нормальное, и не привычное.

Как не привычное? У части плееров - так и есть!


Ты критикуя предлагаешь абсолютно неверный вариант.

Я ничего не предлагаю. Меня не смущает новый вариант.


Смотрим на плеер с одного известного ресурса. Кнопка - СЛЕВА!!!!! ПАМАГИТЕ!!!!!!

Иллюстрация к комментарию
раскрыть ветку (1)
6
Автор поста оценил этот комментарий

Какой же ты душный, спорил об одном, в процессе перешел к другому, просто беспросветный бред. Не намерен продолжать эту бессмысленную дискуссию.

показать ответы
3
Автор поста оценил этот комментарий

Добавь апдейт в пост!

раскрыть ветку (1)
5
Автор поста оценил этот комментарий

а как это правильно сделать?) я не знаю

показать ответы
12
Автор поста оценил этот комментарий

Вдохновился и наговнокодил более привычный вариант. Так как это css, пришлось имитировать плолжение кнопки:

.player:not(.player_user-interaction) .player__volume-container {

opacity: 0;

pointer-events: none;

transform: translateY(100%);

}

.player__fullscreen {

margin-left: calc(0.5em + 2.5em);

}

.player__volume-container {

top: auto;

bottom: 0;

right: 0;

margin-right: 3.5em;

}

.player__volume {

padding: 1.5em 0.8em;

background-color: unset;

}

.player__volume-icon {

width: 1.4em;

height: 1.4em;

}

.player__volume-slider {

padding: 1em 1.4em;

top: 100%;

}

.player__volume-container:not(:hover) .player__volume-slider {

opacity: 0;

}

.player__volume-container, .player__volume, .player__volume-amounts {

transform: rotate(180deg);

z-index: 2002;

}

раскрыть ветку (1)
4
Автор поста оценил этот комментарий

кайф! у меня просто времени столько нет, увы.

показать ответы
8
Автор поста оценил этот комментарий
Вы бешеный. Тыщу хвалебных воспеваний вам. На кнопку похер, а вот то - что вы это безвозмездно делаете, тратя время и интеллектуальную собственность (если не знали - то чем больше вы думаете - тем ближе старческое соабоумие) - это прям моё к вам вот это вот всё самое хорошее.
раскрыть ветку (1)
6
Автор поста оценил этот комментарий

Да ладно Вам, я потратил сомвсем немного времени и ничего особенного не сделал. Не преувеличивайте :)

показать ответы
Автор поста оценил этот комментарий
Слился потому, что проигнорировал вопросов 10

Где вопросы то? Жду копипасты, лгунишка.

раскрыть ветку (1)
3
Автор поста оценил этот комментарий

Все ясно. Адьос.

показать ответы
Автор поста оценил этот комментарий
Сам же привел в пример "привычное" положение СЛЕВА

Деточка начала лгать? Где я такое писал?

раскрыть ветку (1)
3
Автор поста оценил этот комментарий

Также ты написал что тебя ДОСТАЛИ. На вопросы, кто и как достал, не ответил. Это ты слился. Слился потому, что проигнорировал вопросов 10, отвечая только на то, на что удобно ответить изворачиваясь. Типичный мапипулятор.

показать ответы
1
Автор поста оценил этот комментарий

А вот так если звука нет

Иллюстрация к комментарию
раскрыть ветку (1)
2
Автор поста оценил этот комментарий

ну тут мои полномочия это самое)

показать ответы
0
Автор поста оценил этот комментарий

Для ленты ещё это придётся в цикле делать)

раскрыть ветку (1)
2
Автор поста оценил этот комментарий
А с css по идее для ленты не надо ничего делать :)
показать ответы
0
Автор поста оценил этот комментарий

Может быть можете еще и кнопке сохранения снова вид дискетки в стилях прописать?

раскрыть ветку (1)
2
Автор поста оценил этот комментарий

А у меня на сайте дискетки... Или вы про другие кнопки?

показать ответы
Автор поста оценил этот комментарий

Невежественный. Мы спорили про "НОРМАЛЬНОЕ" расположение кнопок. Ты слился. Именно потому я руководитель разрабов, а ты банальный кодер.

раскрыть ветку (1)
3
Автор поста оценил этот комментарий

Я вообще не кодер, я безопасник. Ты написал, что слово нормальное в кавычках не подходит сюда, а "привычное" подходит. Но если это положение не нормальное, то и привычнывм оно быть не может. Сам же привел в пример "привычное" положение СЛЕВА. Мне абсолютно насрать, кто ты, но начинаешь за здравие, а заканчиваешь за упокой.

показать ответы
0
Автор поста оценил этот комментарий

@Komatera,

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

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

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

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

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

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

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

Иллюстрация к комментарию
Иллюстрация к комментарию
Иллюстрация к комментарию
раскрыть ветку (1)
1
Автор поста оценил этот комментарий

Все по инструкции, создаете стиль:


.dislike {

    position: fixed;

    right: 0;

}

показать ответы
Автор поста оценил этот комментарий
Ребят, поставьте уже пикабу на телефон. Проблем с громкостью нет
раскрыть ветку (1)
1
Автор поста оценил этот комментарий

На комп тоже поставить? Почему только о себе и думают... А что люди сидят с разных устройств не хотят...

показать ответы
1
DELETED
Автор поста оценил этот комментарий

А подскажите, чем stylish плох? Сейчас установлен со скриптом RU AdList CSS Fixes, вроде всё хорошо.

раскрыть ветку (1)
1
Автор поста оценил этот комментарий

https://www.securitylab.ru/news/494278.php
https://lib.itsec.ru/newstext.php?news_id=123857

Stylish уличили в краже истории браузеров


Поэтому и появился Stylus. Советую сменить один на другой.

Автор поста оценил этот комментарий

Где ваша гибкость? Это же просто сила привычки. Через неделю привыкнете и все. Еще бы заморачиваться из-за этого.

раскрыть ветку (1)
1
Автор поста оценил этот комментарий

Зачем привыкать к говну?

DELETED
Автор поста оценил этот комментарий
Пффффф...а чё дискету не вернул, и поиск не починил? Хуй тебе, а не плюс, дармоед блеать...
раскрыть ветку (1)
1
Автор поста оценил этот комментарий
Вернул дискету же.
показать ответы
Автор поста оценил этот комментарий
Stylish норм дополнение для хрома.
раскрыть ветку (1)
1
Автор поста оценил этот комментарий
Stylus да, stylish нет
показать ответы
1
Автор поста оценил этот комментарий
Иллюстрация к комментарию
Иллюстрация к комментарию
раскрыть ветку (1)
1
Автор поста оценил этот комментарий

Решил не выпендирваться под темную тему, особо не выделяется и норм)

0
DELETED
Автор поста оценил этот комментарий

А можно текстом это написать, как в посте? Не могу найти кнопку импорта JSON-файлов что-то.

раскрыть ветку (1)
1
Автор поста оценил этот комментарий

Нажмите ЛКМ на плагин и выберете менеджер. Откроется вкладка, там есть импорт

Иллюстрация к комментарию
показать ответы
0
Автор поста оценил этот комментарий

Чет не вижу где оно у тебя в css чинится :( Или Я.Диск не последнюю версию отдаёт..

Остановился пока на костыле

const fixSaveButton = () => document.querySelectorAll('.story__save .icon use').forEach(x => x.setAttribute('xlink:href', '#icon--ui__save'));

(function() {

fixSaveButton(); setInterval(fixSaveButton, 10000);

})();

UPD: нашёл) Ты свою нарисовал, получается?

раскрыть ветку (1)
1
Автор поста оценил этот комментарий

сделал скрин в масштабе и загнал в base64
при обновлении файла Я.Д. сбрасывает ссылку( пришлось выложить рядом.

показать ответы
2
Автор поста оценил этот комментарий

document.querySelector('.story__save .icon use').setAttribute('xlink:href', '#icon--ui__save')

раскрыть ветку (1)
1
Автор поста оценил этот комментарий

ну или так. учить народ еще и темперманки ставить сложнее)

показать ответы
0
Автор поста оценил этот комментарий

Может быть можете еще и кнопке сохранения снова вид дискетки в стилях прописать?

раскрыть ветку (1)
1
Автор поста оценил этот комментарий

https://disk.yandex.ru/d/R6l1axsasS69PQ

сделал для поста дискетку. объединил стили.

показать ответы
0
Автор поста оценил этот комментарий

@Komatera, а так же с иконкой сохранения потянешь?) ну или хоть с ебучим блоком эмодзи(

раскрыть ветку (1)
1
Автор поста оценил этот комментарий

https://disk.yandex.ru/d/R6l1axsasS69PQ

дискетку у поста сделал. объединил с оригинальным стилем.

показать ответы
0
Автор поста оценил этот комментарий

@Komatera, а так же с иконкой сохранения потянешь?) ну или хоть с ебучим блоком эмодзи(

раскрыть ветку (1)
1
Автор поста оценил этот комментарий

покажите, где иконка плиз, скриншот нужен. у меня везде дискетки. вполне могу сделать стиль для дискетки, если буду понимать, где. у поста, у коммента, и там, и там?)

показать ответы
Автор поста оценил этот комментарий
Сам же привел в пример "привычное" положение СЛЕВА

Деточка начала лгать? Где я такое писал?

раскрыть ветку (1)
1
Автор поста оценил этот комментарий

А чуть повыше скриншот мой чтоли?

показать ответы
1
Автор поста оценил этот комментарий

Удивительно, но здравый смысл победил — громкость переместили вниз, иконку сохранения вернули. Так что стиль больше не нужен. Даже больше, я факт возвращения заметил из-за того, что со стилем громкость перестала регулироваться.

раскрыть ветку (1)
0
Автор поста оценил этот комментарий
Это победа)
0
Автор поста оценил этот комментарий
Хотя хз надо и stylus попробовать, может он лучше.
раскрыть ветку (1)
0
Автор поста оценил этот комментарий

Stylish замечен в краже истории браузера и прочей инфы пользователей. Поэтому лучше Stylus.

https://www.securitylab.ru/news/494278.php

https://lib.itsec.ru/newstext.php?news_id=123857

показать ответы
1
Автор поста оценил этот комментарий

Пардоньте, жопоглазие прогрессирующее)

Благодарю покорно.

раскрыть ветку (1)
0
Автор поста оценил этот комментарий

Оно бывает, берегите глаза)))

0
Автор поста оценил этот комментарий

Этот? И если нет, то какой? Полностью, пошагово опиши что за чем делать.

Иллюстрация к комментарию
раскрыть ветку (1)
0
Автор поста оценил этот комментарий

Слушай, уважаемый, ну черным же по белому написано в посте, что плагин называется Stylus

показать ответы
0
Автор поста оценил этот комментарий

Да блин, нифига не пойму. объясните пошагово как это сделать-то? Куда в хроме заходить?

раскрыть ветку (1)
0
Автор поста оценил этот комментарий

Плагин поставить сначала. В гугле найти его можно легко.

показать ответы
1
Автор поста оценил этот комментарий

@Komatera, извиняюсь за наглость, но всё же )) А сделать так же только для того что бы дискетка появилась в комментариях можно? А то на сохранении комментария всё тот же богомерзкий флажок

раскрыть ветку (1)
0
Автор поста оценил этот комментарий

вечером попробую, не должно быть сложно

показать ответы
Автор поста оценил этот комментарий
Что за большой кипиш с этим ползунком? У меня в приложении ни разу его не видел. Может с телефоном что? Хотя, конечно, верхний правый угол это как педаль газа на потолке...🤔
раскрыть ветку (1)
0
Автор поста оценил этот комментарий

Ну а причем тут приложение? Написано же, стиль для сайта.

DELETED
Автор поста оценил этот комментарий
Мне с приложухи не видно! Вот как людь отпишется, тогда и два плюса накину!
раскрыть ветку (1)
0
Автор поста оценил этот комментарий

Ну не видно, и хорошо. Можешь пройти мимо.

DELETED
Автор поста оценил этот комментарий

Да просто так спизданул.

А, ну понятно, типичный айтишнег.

Просто так пизданул, что айтишнег. Доебался до какой-то хуйни. Потом просто так пизданул непонятые слова. Ушёл.


Хуже веганов, блять, честно слово. Шерше ля фам, etc, хуле.

раскрыть ветку (1)
0
Автор поста оценил этот комментарий

да харош, чего ты прицепился к человеку. сказал и сказал, а для тебя это прямо красная тряпка.

0
Автор поста оценил этот комментарий

@Komatera, а можно так же, но для tampermonkey?

раскрыть ветку (1)
0
Автор поста оценил этот комментарий

не проще поставить стайлус?)

показать ответы
Автор поста оценил этот комментарий

Где я писал - что это привычное-нормальное положение? Где текст?


Невежда - тебя ткнули, что кнопки в разных плеерах на разных ресурсах - плавают. Это ОДИН из примеров.

раскрыть ветку (1)
0
Автор поста оценил этот комментарий

Ну так если они плавают, значит это НОРМАЛЬНОе положение, НЕТ?! Ты сам себя закопал.

показать ответы