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

Remove dropdowns from Mimir Admin's landing #1549

Merged
merged 5 commits into from
Mar 25, 2022

Conversation

colega
Copy link
Contributor

@colega colega commented Mar 25, 2022

What this PR does

I didn't like the dropdowns, and @pstibrany gave the same feedback. The issue about dropdowns is that you have to click stuff to find information that should be in the first level. This is also more accessible.

This is how it looks like now:

image

And it gracefully scales to mobile:

image

Which issue(s) this PR fixes or relates to

None

Checklist

  • Tests updated
  • Documentation added
  • CHANGELOG.md updated - the order of entries should be [CHANGE], [FEATURE], [ENHANCEMENT], [BUGFIX]

I didn't like the dropdowns, and Peter gave the same feedback. The issue
about dropdowns is that you have to click stuff to find information that
should be in the first level. This is also more accessible.

Signed-off-by: Oleg Zaytsev <mail@olegzaytsev.com>
@colega colega requested a review from pstibrany March 25, 2022 11:44
Signed-off-by: Oleg Zaytsev <mail@olegzaytsev.com>
Signed-off-by: Oleg Zaytsev <mail@olegzaytsev.com>
Copy link
Member

@pstibrany pstibrany left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

To add some separation without too much added vertical space (it seems that padding inside boxes plus margins between boxes are higher than the text on the page), I would try simple horizontal lines between sections.

But this is still an improvement over hiding links by default, so 👍

pkg/api/index.gohtml Outdated Show resolved Hide resolved
Signed-off-by: Oleg Zaytsev <mail@olegzaytsev.com>
@colega colega force-pushed the review-mimir-admin-landing-css branch from 83ec229 to 11722a3 Compare March 25, 2022 13:04
Signed-off-by: Oleg Zaytsev <mail@olegzaytsev.com>
@colega
Copy link
Contributor Author

colega commented Mar 25, 2022

Applied the feedback, this is how it looks like now:

image

@colega colega merged commit e1adf8a into main Mar 25, 2022
@colega colega deleted the review-mimir-admin-landing-css branch March 25, 2022 14:19
@pstibrany
Copy link
Member

Love it, thank you very much!

@pracucci pracucci mentioned this pull request Mar 28, 2022
3 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants