Opened 3 years ago

Closed 3 years ago

#2493 closed Bug (fixed)

Full header message not working on touch devices

Reported by: thobach Owned by:
Priority: normal Milestone: 1.6 Piwik 1.6
Component: UI - UX (AngularJS, twig, less) Keywords: touch, hover, ipad, event, header message
Cc: Sensitive: no

Description

The small header message is not expanding on touch devices like the ipad when clicking on it. Therefore a update cannot be made from touch devices like the ipad.

The reason is, that the expansion from the small header message to the full header message is based on css using the :hover pseudo class.

A possible solution is described here: http://stackoverflow.com/questions/2851663/how-do-i-simulate-a-hover-with-a-touch-in-touch-enabled-browsers, alternatively you could just add a click listener on the small header which shows the full header and a click listener on the full header to hide itself.

Change History (5)

comment:1 Changed 3 years ago by matt (mattab)

  • Milestone set to Piwik Mobile Client

comment:2 Changed 3 years ago by thobach

Why is this set to milestone Piwik Mobile Client? I meant the regular piwik website which I want to access (upgrade versions) from my iPad.

comment:3 Changed 3 years ago by matt (mattab)

  • Milestone changed from Piwik Mobile Client to 1.6 Piwik 1.6

Normally the message expands on hover. We should also expand on click, if iPad doesn't "fake" the hover status.

comment:4 Changed 3 years ago by matt (mattab)

  • Milestone changed from 1.7 Piwik 1.7 to 1.6 Piwik 1.6

comment:5 Changed 3 years ago by matt (mattab)

  • Resolution set to fixed
  • Status changed from new to closed

(In [5241]) Fixes #2493

Note: See TracTickets for help on using tickets.