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.

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

Better Design for Current Status on home page #8

Open
roxworks opened this issue Oct 4, 2021 · 10 comments
Open

Better Design for Current Status on home page #8

roxworks opened this issue Oct 4, 2021 · 10 comments
Assignees
Labels
enhancement New feature or request good first issue Good for newcomers Hacktoberfest

Comments

@roxworks
Copy link
Owner

roxworks commented Oct 4, 2021

The current status section of the home page is not nearly loud enough or active enough.

Update the css/html/js if needed to make this frontend better and more obvious to the user as it is the most important thing in the app.

@roxworks roxworks added enhancement New feature or request good first issue Good for newcomers Hacktoberfest labels Oct 4, 2021
@zainulabideen1122
Copy link

Can I try? Also, give me some detail; what do you want. From the above info, I think you asked to update navigation.

@roxworks
Copy link
Owner Author

roxworks commented Oct 7, 2021

Can I try? Also, give me some detail; what do you want. From the above info, I think you asked to update navigation.

Absolutely! Here's a more detailed description.

image

This is the dashboard right now. The thing we are focus on is the "Current Status" box

image

This is the most important box, and there's a bunch of space we could use to make it bigger / better.

I'm looking for someone to come up with a better design for that data in particular, the words "current status" and the actual status (in this case it's "waiting for next upload")

Honestly even just a reasonable centered element with bigger text would already be a big improvement!

Maybe even a slight color change or background to make it more clear how important it is, since we want users to look here.

Hope that clarifies!

@zainulabideen1122
Copy link

Yeah got it, Can you assign this task to me?

@zainulabideen1122
Copy link

Hy @DanGiaime, Have a look at the below pic. Is it fine? If yes then I will pull a request. If not then suggest me.

clipbot_tv

@roxworks
Copy link
Owner Author

roxworks commented Oct 8, 2021

Looks awesome! I would like to keep the width though. Maybe something more vertical?
like

      Current Status          
Waiting until next upload...

But I think the green+bold text is perfect

@zainulabideen1122
Copy link

Something like this?

clipbot_tv

@roxworks
Copy link
Owner Author

roxworks commented Oct 8, 2021

yeah that format, but in the original width if possible.

Maybe also take the "Waiting until next upload" text out of the box and just have it on the background?

I want to separate it visually from the other values as much as possible :D

@zainulabideen1122
Copy link

@DanGiaime Like this?
clipbot_tv

@zainulabideen1122
Copy link

@DanGiaime any updates?

@roxworks
Copy link
Owner Author

roxworks commented Oct 9, 2021

@zainulabideen1122 Yes! That's solid and definitely an improvement. Go ahead and make a PR.

Make sure:

  • No element IDs/selectors change
  • No width change on the window

And I'll merge :D

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request good first issue Good for newcomers Hacktoberfest
Projects
None yet
Development

No branches or pull requests

2 participants