search

quran / quran.com-frontend

quran.com frontend
https://quran.com
MIT License
994 stars 360 forks source link

Skip to verse number #654

Closed AskYous closed 7 years ago

AskYous commented 7 years ago

Currently, the only way (that I know of) is to enter it in the URL. But it's not obvious to users. I just had a friend complain and he had no idea how to skip 200 verses except 1 at a time.

AskYous commented 7 years ago

This should also be added to the homepage, such as a "Jump to" button like on the android app.

thabti commented 7 years ago

@AskYous I'd be happy to review a pull request on this, any ideas where it might fit within the UI?

AskYous commented 7 years ago

Thank you @sabeurthabti!

Here's two mockups where it should fit in the UI. Of course, use some styling too to make it go with the theme:

Home Page

image

Soorah Page

image

mmahalwy commented 7 years ago

+1 @AskYous

thabti commented 7 years ago

@AskYous + 1 love it, makes sense in the nav bar. We have https://github.com/quran/common-components, where we put common components, this would be an awesome candidate. Demo of current components: https://quran.github.io/common-components/