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

Details cut-off on Visitor Log modal pop-up (screenshot included) #7812

Closed
ipruthi opened this issue May 2, 2015 · 11 comments
Closed

Details cut-off on Visitor Log modal pop-up (screenshot included) #7812

ipruthi opened this issue May 2, 2015 · 11 comments
Labels
answered For when a question was asked and we referred to forum or answered it. Bug For errors / faults / flaws / inconsistencies etc. c: Design / UI For issues that impact Matomo's user interface or the design overall.

Comments

@ipruthi
Copy link

ipruthi commented May 2, 2015

Hello great people of Piwik!

I would like to report a UI issue with Piwik when viewing Visitor Log inside modal pop-up. I am using Piwik 2.13.0.

When you hover over Device icon, the details pane are cut-off by the next table cell. See the screenshot for visual.

Hopefully this can get fixed soon since it makes it hard to find details about specific users.

Thanks and keep up the great work! I will donate again soon.

piwik-bug-screenie

@ipruthi ipruthi changed the title Details cut-off on Visitor Log modal pop-up Details cut-off on Visitor Log modal pop-up (screenshot included) May 2, 2015
@tsteur tsteur added Bug For errors / faults / flaws / inconsistencies etc. c: Design / UI For issues that impact Matomo's user interface or the design overall. labels May 3, 2015
@tsteur
Copy link
Member

tsteur commented May 5, 2015

It would be nice to fix this short term but I presume it will end in rethinking the visitor log and how it is displayed today. The current version of Visitor Log doesn't work with many columns as can be seen here and we waste a lot of time as eg there's often a lot of space below the "Date" and "Visitors" column. Moving to Piwik 3.0.0 for now as it would be nice to have a better visitor log by then but we could also move to Mid term @mattab

@tsteur tsteur added this to the Piwik 3.0.0 milestone May 5, 2015
@mattab
Copy link
Member

mattab commented May 6, 2015

My previous idea to fix this issue was to: Make Popovers slightly wider #7517

@mattab
Copy link
Member

mattab commented May 6, 2015

I'm not sure it would fix this particular issue though, as on the screenshot I can see there is more space to the right yet it is not used. Maybe we could force the first column to have some min-width?

@ipruthi
Copy link
Author

ipruthi commented May 6, 2015

I tried (and failed) to make the .details class show above all other elements with z-index, but that did not work. I guess there's something else in the CSS overriding it or it simply doesn't work in tables.

@tsteur
Copy link
Member

tsteur commented May 6, 2015

#7517 to make the popover rather wider wouldn't solve this issue and would be rather a hack. And what would happens if someone has a small screen? We do have this problem even when it is not displayed in a popover (then 4 columns are used).

As said I think we just need to rethink how it is displayed. Eg we could always use only 2 columns with gives everything more space and we will maybe have less whitespace. There might be even better solutions.

@tsteur
Copy link
Member

tsteur commented May 12, 2015

Even when having a screen with 1350px width the date is not fully visible. I think this shows pretty clearly that this design needs to be revised.

visitor_log_date

@mattab
Copy link
Member

mattab commented May 13, 2015

Sure the design is wrong. Maybe we can remove the Referrer column and display the referrer info below the date/ip/provider lines (and above any custom variables 'visit' scope lines)

edit: it's the case in the segmented Visitor Log popover

@webmasterMeyers
Copy link

The issue lies with the css applied to the parent td rule; line: 7628

.dataTableVizVisitorLog table.dataTable .label {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

If you remove overflow: hidden it will show, but gets ugly fast.

@mattab
Copy link
Member

mattab commented May 15, 2015

I've removed the "Referrer URL" column and referrer information is now displayed below any custom variable and/or the datetime+Ip. Saves a lot of space and makes UI better.

it would be awesome to innovate and redesign our Visitor Log. There are some great tools for User intelligence such as: http://intercom.io/

@mattab mattab closed this as completed May 15, 2015
@tsteur
Copy link
Member

tsteur commented May 15, 2015

In which issue will we handle the redesign of the visitor log? Shall we create a new one? The visitor log (and real time widget) are the most used features in Piwik. At least in Mobile app like 50% of the users only use this so it would be certainly worth investing some time to make it actually good, usable and pretty.

@mattab
Copy link
Member

mattab commented May 15, 2015

Yes let's create a new issue for the redesign and refresh of the feature of Real time visitor & usable User intelligence reports. There was also: Better Real Time reporting in Piwik #2439

@mattab mattab mentioned this issue Jun 8, 2015
3 tasks
@mattab mattab modified the milestones: Short term, 3.0.0 Jul 30, 2015
@mattab mattab added the answered For when a question was asked and we referred to forum or answered it. label Oct 5, 2016
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. Bug For errors / faults / flaws / inconsistencies etc. c: Design / UI For issues that impact Matomo's user interface or the design overall.
Projects
None yet
Development

No branches or pull requests

4 participants