Skip to content

Improve user experience on /articles #570

Closed

Description

@Olaleye-Blessing

Context

Currently, users have to scroll back up in order to select a topic or filter the article by newest | oldest | top. This will be annoying especially if they have loaded a good number of articles.

Expected Behavior

There should be an easy way to either select their topic of interest or filter the topics.

Screenshots

Current behavior

Screenshot 2023-10-21 at 10 42 26

Expected behavior

Screenshot 2023-10-21 at 10 42 05

Steps to reproduce

  1. Go to the articles page
  2. Scroll down to load more articles
  3. Notice the filter dropdown and recommended topics disappeared

Additional info

I will like to work on it.

Activity

  1. github-actions commented on Oct 21, 2023

    @github-actions

    Hello @Olaleye-Blessing, thanks for opening your first issue! your contribution is valuable to us. The maintainers will review this issue and provide feedback as soon as possible.

  2. NiallJoeMaher commented on Oct 21, 2023

    @NiallJoeMaher
    Contributor

    Thanks for the input! 🦾 Do you have any examples of sites doing this so I can see what it might look like?

  3. Bitnagar commented on Oct 21, 2023

    @Bitnagar
    Contributor

    @NiallJoeMaher I think what @Olaleye-Blessing is asking is something similar to firstissue.dev

  4. NiallJoeMaher commented on Oct 21, 2023

    @NiallJoeMaher
    Contributor

    @Bitnagar From a quick glance, it doesn't seem to work too well on my mobile and takes up a lot of space 🙈

  5. Olaleye-Blessing commented on Oct 21, 2023

    @Olaleye-Blessing
    Author

    Not concrete examples but MDN has a sample; (View on PC) You could access any of the page content from the in this article section cause it sticks to the screen. You don't need to scroll back up to do this.

    Screenshot 2023-10-21 at 12 24 36

    I made a video of what it will look like: https://streamable.com/zqow4j

  6. Olaleye-Blessing commented on Oct 21, 2023

    @Olaleye-Blessing
    Author

    I added the mobile version here: https://streamable.com/bhcccm

  7. Olaleye-Blessing commented on Oct 21, 2023

    @Olaleye-Blessing
    Author

    @NiallJoeMaher I think what @Olaleye-Blessing is asking is something similar to firstissue.dev

    Yea, exactly. Thanks for the perfect example.

  8. Bitnagar commented on Oct 21, 2023

    @Bitnagar
    Contributor

    @NiallJoeMaher my bad. I saw it on desktop. It was fine. Forget to check for mobile! 😅 Apologise.

  9. locked and limited conversation to collaborators on Oct 21, 2023
  10. converted this issue into a discussion #583 on Oct 21, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions