Opened 4 years ago
Closed 3 years ago
#2010 closed defect (fixed)
CSS menus unusable on some tablets (missing :active)
Reported by: | polygon | Owned by: | slumlord |
---|---|---|---|
Priority: | minor | Milestone: | undecided |
Component: | www/i2p | Version: | 0.9.30 |
Keywords: | ui | Cc: | sadie |
Parent Tickets: | Sensitive: | no |
Description
The CSS menus at geti2p.net (About, Help, Volunteer) do not drop down on iPad (and likely some other tablets).
The CSS needs show the list of sub-items when the parent is hovered, and :active
.
I.e.
#cssmenu .has-sub:hover > ul
must become:
#cssmenu .has-sub:hover > ul, #cssmenu .has-sub:active > ul
etc.
An ontouchstart=""
attribute may also need to be added to the body
tag (https://stackoverflow.com/questions/3885018/active-pseudo-class-doesnt-work-in-mobile-safari).
Subtickets
Change History (6)
comment:1 Changed 4 years ago by
Owner: | set to str4d |
---|---|
Status: | new → assigned |
comment:2 Changed 3 years ago by
Cc: | sadie added |
---|---|
Owner: | changed from str4d to slumlord |
comment:3 Changed 3 years ago by
comment:4 Changed 3 years ago by
Tried suggestions offered by polygon, no change is seen to behavior of menu.
Looks like it works here, but this is based upon testing in Chromium and not on an actual touch-enabled device with a viewport similar to a tablet.
Changes in 74a63c2d7c2bb8281e6143e59effc34343a4cb44
Please test.
comment:5 Changed 3 years ago by
Status: | assigned → testing |
---|
comment:6 Changed 3 years ago by
Resolution: | → fixed |
---|---|
Status: | testing → closed |
Seeing no responses to indicate that the changes have not worked, or have broken something else, I am closing this ticket.
I can apply the changes but will require someone to help test, have pinged zab to see if he can help.