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

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

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

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

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

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

раскрыть ветку (6)
10
Автор поста оценил этот комментарий
Красавчик! Просто лучший! Огромная тебе благодарность! Будь здоров герой нашего времени!))
9
Автор поста оценил этот комментарий

@SupportTech, вам бы тоже скачать не помешало

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

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

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

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

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

Хм, спасибо. Я что-то напутал похоже, у меня окошко с текстом открывалось.

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

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

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

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

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

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

раскрыть ветку (5)
2
Автор поста оценил этот комментарий
А с css по идее для ленты не надо ничего делать :)
раскрыть ветку (4)
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: нашёл) Ты свою нарисовал, получается?

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

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

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

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

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

Так вернули ж

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

Видимо, у вас она и не пропадала. Кэш не чистить!

ещё комментарии
Вы смотрите срез комментариев. Чтобы написать комментарий, перейдите к общему списку