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

Improvements for the drawer header layout #3259

Merged
merged 3 commits into from
Apr 1, 2020

Conversation

mauriciocolli
Copy link
Contributor

I noticed that some views are misaligned, specially when the app name is not the short one.

  • Align views in the drawer header.
  • Enable autosizing in the text view showing the app name.
  • Use a proper drop up/down arrow icon.
  • Move selected service views for better visibility.
  • Show the selected service icon next to its name.
  • Add a subtle fade background to the service name/icon for better readability.

Visual differences

Before After

Autosizing doing its work when the app name is longer than usual:

Also, what do you prefer, central or right aligned service name/icon views?

I also noticed a minor bug related to the focus: when you press on the drawer header, due to how the menu items are removed/added, the focus just get transfered to another view (currently, the one that is below the drawer), causing an interruption in the animation of the pressed view.

It messes up the navigation using anything other than touch too (e.g. keyboard).

Won't fix it in this pull request though.

@TobiGr TobiGr added the GUI Issue is related to the graphical user interface label Mar 22, 2020
@gkeegan
Copy link
Contributor

gkeegan commented Mar 22, 2020

I think the right-aligned service names looks better and will be more consistent making the arrow be in the same spot for each service selected.

@TobiGr
Copy link
Member

TobiGr commented Mar 22, 2020

Nice. I prefer the centred service name.

@mauriciocolli
Copy link
Contributor Author

Let's see then, use the reactions to vote for your favorite:

👍 → Right ❤️ → Centered 🚀 → Balanced
Open the images to see it better.

@mauriciocolli mauriciocolli mentioned this pull request Mar 25, 2020
- Use a proper drop up/down arrow icon.
- Move selected service views for better visibility.
- Show the selected service icon next to its name.
- Add a subtle fade background to the service name/icon for better
readability.
People have voted, and that was the chosen design.
@TobiGr TobiGr merged commit 182fc10 into TeamNewPipe:dev Apr 1, 2020
@danielzgtg danielzgtg mentioned this pull request Feb 18, 2021
4 tasks
@mauriciocolli mauriciocolli deleted the improve-drawer-layout branch December 8, 2021 16:31
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
GUI Issue is related to the graphical user interface
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants