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

Improve responsive layout header to use less space and look better #9250

Closed
mgonera opened this issue Nov 22, 2015 · 4 comments · Fixed by #10397
Closed

Improve responsive layout header to use less space and look better #9250

mgonera opened this issue Nov 22, 2015 · 4 comments · Fixed by #10397
Assignees
Labels
answered For when a question was asked and we referred to forum or answered it. c: Design / UI For issues that impact Matomo's user interface or the design overall. c: Usability For issues that let users achieve a defined goal more effectively or efficiently. Help wanted Beginner friendly issues or issues where we'd highly appreciate community's help and involvement.

Comments

@mgonera
Copy link

mgonera commented Nov 22, 2015

My suggestion is to change this:

before

into this:

after

@tsteur
Copy link
Member

tsteur commented Nov 22, 2015

Or maybe we make each selector full width similar to Piwik Mobile 1 http://piwik.org/wp-content/uploads/2012/09/device-2012-09-16-113810-400x666.png (without the graph in between) like
image

One challenge is when not having them full width that each selector may take a variable amount of space and the available width depends on the device. This makes it hard to position them next to each other or left aligned / right aligned next to each other.

We already have some icons in the UI to add a drawer/ right sidebar and we might display them in a right sidebar a bit similar to Piwik Mobile 2. In General we haven't really worked on the responsive version yet and there is a lot of work to do. Eg making buttons bigger etc. If you are using iOS or Android we recommend to use our app Piwik Mobile 2

@tsteur tsteur added c: Usability For issues that let users achieve a defined goal more effectively or efficiently. c: Design / UI For issues that impact Matomo's user interface or the design overall. labels Nov 22, 2015
@mattab mattab added this to the 2.15.1 milestone Nov 25, 2015
@mattab
Copy link
Member

mattab commented Nov 25, 2015

Thanks for suggestion @mgonera - we will go with @tsteur suggestion of showing one per line 👍

@mattab mattab added the Help wanted Beginner friendly issues or issues where we'd highly appreciate community's help and involvement. label Nov 25, 2015
@tsteur tsteur self-assigned this Dec 3, 2015
@mattab
Copy link
Member

mattab commented Dec 4, 2015

It was reverted see details in #9322

@mattab
Copy link
Member

mattab commented Jan 3, 2017

This was implemented in Piwik 3 💥

@mattab mattab closed this as completed Jan 3, 2017
@mattab mattab added the answered For when a question was asked and we referred to forum or answered it. label Jan 3, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
answered For when a question was asked and we referred to forum or answered it. c: Design / UI For issues that impact Matomo's user interface or the design overall. c: Usability For issues that let users achieve a defined goal more effectively or efficiently. Help wanted Beginner friendly issues or issues where we'd highly appreciate community's help and involvement.
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants