Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Ползунок на уровень громкости #1

Closed
jonkofee opened this issue May 8, 2018 · 2 comments
Closed

Ползунок на уровень громкости #1

jonkofee opened this issue May 8, 2018 · 2 comments
Assignees
@cherja
Labels
enhancement New feature or request
Projects
Player

Comments

@jonkofee
Copy link
Contributor

jonkofee commented May 8, 2018 •
edited

screen shot 2018-05-08 at 17 05 17

Вот этот ползунок нужно оживить, т.е. чтобы его можно было двигать

Используй для этого <input type="range"/>

Офф документация
Вот пример стилизации
@jonkofee jonkofee added the enhancement New feature or request label May 8, 2018
cherja added a commit that referenced this issue May 9, 2018
@cherja
#1 Ползунок на уровень громкости
4f0c43e 
Проверил на Хроме,Яндекс,фоксе,IE .
В связи с неразвитием IE оно полноценно не визиализируется,подкреплю статью,которую прочел(Но в результате получилось не то, что мы ожидали. Деления видны, а низ и верх ручки ползунка скрыты.

Мы можем легко избавиться от делений, добавив step="any" тегу input. Тем не менее, мы не можем сделать ручку ползунка полностью видимой. Это как если бы тегу input задали значения свойства overflow как hidden, но это нельзя отменить, просто задав  значения свойства overflow как visible. Это то, с чем мы еще разбираемся.)
@jonkofee
Copy link
Contributor Author

Мне кажется, что нет тени на ползунке. Еще нужно этот input привязать к модели. Сделай step="any" и min, max

cherja added a commit that referenced this issue May 10, 2018
@cherja
#1 Добавил ползунку громкости min,max,step-any
90828fe
cherja added a commit that referenced this issue May 10, 2018
@cherja
#1 Сделал ползунок,с заполнением цвета.Я очень рад)
ae6e399
cherja added a commit that referenced this issue May 10, 2018
@cherja
#1 Сделал ползунок,с заполнением цвета.Я очень рад)
8a50313
cherja added a commit that referenced this issue May 10, 2018
@cherja
#1 резкая граница градиента,больше 3х атрибутов записанно с новой строки
19f0fa8
cherja added a commit that referenced this issue May 10, 2018
@cherja
#1 Тень ползунку
dc442ba
@jonkofee
Copy link
Contributor Author

Еще измени курсор на pointer

cherja added a commit that referenced this issue May 10, 2018
@cherja
#1 Pointer и тень ползунку
b030fc1
cherja added a commit that referenced this issue May 11, 2018
@cherja
#1 градиент computed(ом)
35483de
cherja added a commit that referenced this issue May 11, 2018
@cherja
#1 border 0.3 у ползунка
2ff334b
@jonkofee jonkofee added this to Done in Player May 13, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@cherja cherja

Labels
enhancement New feature or request
Projects
Player
  
Done
Milestone
No milestone
Development

No branches or pull requests
2 participants
@jonkofee @cherja