53

Ответ на пост «Яндекс Музыка: новый дизайн»

Пацаны чтобы хоть как то НОРМАЛЬНО этим пользоваться - я написал код (работает онли в браузере). Скачивайте расширение StyleBot, открываете, снизу плажка "код" и туда вставляете этот код и можно будет хотябы нормально перематывать трек

Вот тутор записал https://www.youtube.com/watch?v=dNzRBC9BVl0

Код:

/* Input */

.PlayerBar_root__cXUnU .ChangeTimecodeBackground_root_isPlayingTrack__2naHL input[type=range]{

height:270px;

transform: translatey(-40px);

}

/* Division */

.PlayerBar_root__cXUnU .PlayerBarDesktopWithBackgroundProgressBar_triggerModal__EVv5d{

visibility:hidden;

}

.TimecodeGroup_timecode__IJXpy {

display: none

}

/* Undefined */

.PlayerBar_root__cXUnU .PlayerBarDesktopWithBackgroundProgressBar_sonata__mGFb_ .undefined{

z-index:2;

}

/* Input */

.WithTopBanner_root__P__x3 .WithTopBanner_content__6Vh7a .DefaultLayout_root__7J0wo .PlayerBar_root__cXUnU .PlayerBarDesktopWithBackgroundProgressBar_playerBar__mp0p9 .ChangeTimecodeBackground_root_isPlayingTrack__2naHL input[type=range]{

transform: translatey(-64px) !important;

}

/* Division */

.PlayerBar_root__cXUnU .PlayerBarDesktopWithBackgroundProgressBar_meta__FhKTC{

transform:translatex(0px) translatey(0px);

}

/* Undefined */

.PlayerBar_root__cXUnU .PlayerBarDesktopWithBackgroundProgressBar_meta__FhKTC .undefined{

z-index:2;

}

/* Division */

.PlayerBar_root__cXUnU .Meta_metaContainer__7i2dp{

z-index:2;

}

/* Division */

.PlayerBar_root__cXUnU .FullscreenPlayerDesktopButton_root__qGgoC{

z-index:2;

}

/* Input */

.WithTopBanner_root__P__x3 .WithTopBanner_content__6Vh7a .DefaultLayout_root__7J0wo .PlayerBar_root__cXUnU .PlayerBarDesktopWithBackgroundProgressBar_playerBar__mp0p9 .ChangeTimecodeBackground_root_isPlayingTrack__2naHL input[type=range]{

transform: translatey(-101px) !important;

}

/* Division */

.PlayerBar_root__cXUnU .PlayerBarDesktopWithBackgroundProgressBar_meta__FhKTC{

z-index:2;

}

/* J9wt kytjowg73q mon5wp */

.PlayerBarDesktopWithBackgroundProgressBar_meta__FhKTC span .J9wTKytjOWG73QMoN5WP{

z-index:2;

}

div.PlayerBarDesktopWithBackgroundProgressBar_meta__FhKTC {

max-height: 1px;
}

div.p2cf5ec0.mffcb4f4b.a17737334 {

display: none;

}

section.SideAdvertBanner_root__hT1jJ.Content_sideBanner__Na07D {

display: none;

}

Показать полностью
274

Яндекс Музыка: новый дизайн

ЯМ кто вам сказал что исчезающие функциональные и информирующие элементы в интерфейсе - это хорошо?
Видите позицию бегунка песни?

А вот полоска заполняется.

Яндекс Музыка: новый дизайн Яндекс Музыка, Интерфейс, Дизайн, Длиннопост

А вот сиди и высматривай где щас бегунок. Не видишь что ли?

Яндекс Музыка: новый дизайн Яндекс Музыка, Интерфейс, Дизайн, Длиннопост

Она появляется если навести мышь на эту узкую область.

Яндекс Музыка: новый дизайн Яндекс Музыка, Интерфейс, Дизайн, Длиннопост

Какой тут уровень громкости?

Яндекс Музыка: новый дизайн Яндекс Музыка, Интерфейс, Дизайн, Длиннопост

Максимальный.

Яндекс Музыка: новый дизайн Яндекс Музыка, Интерфейс, Дизайн, Длиннопост

Загоните вашу дизайнерку обратно в подвал.

За кнопку дизлайка - плюс.

Я за то, чтобы все спорные настройки должны быть вынесены в настройки приложения.

Я бы хотел еще регулировать толщину полоски бегунка позиции воспроизведения.

Еще момент. Вот эти элементы лучше делать видимыми при наведении мышки на окно.
Это единственная ситуация когда нужно скрывать часть интерфейса.

Яндекс Музыка: новый дизайн Яндекс Музыка, Интерфейс, Дизайн, Длиннопост
Показать полностью 6
Отличная работа, все прочитано!