#26481 closed defect (bug) (fixed)
RC1 themes.php Buttons Randomly Appear/Disappear on iPad
Reported by: |
|
Owned by: |
|
---|---|---|---|
Milestone: | 3.8 | Priority: | low |
Severity: | normal | Version: | 3.8 |
Component: | Customize | Keywords: | has-patch commit |
Focuses: | ui | Cc: |
Description
I thought it was just me at first, but the more time I spend using the new Themes screen on my iPad, the less sense it makes.
There are buttons captioned "Activate" and "Live Preview" that seem to appear and disappear at random as I scroll through the themes list.
The only time these buttons are reliably visible is when I've got my finger directly over one of the screenshots and drag it. When I release my finger, sometimes the buttons are still visible, sometimes not.
Attachments (7)
Change History (31)
#1
@
11 years ago
Compare behavior to desktop browsers: There are some hover states that cause the buttons to appear only when the mouse pointer is over the screenshot. This does not work on iPads. The buttons should be always visible, and the "Theme Details" button should be always hidden.
#2
@
11 years ago
- Component changed from Administration to Themes
- Keywords ui-focus added
- Milestone changed from Awaiting Review to 3.8
#3
@
11 years ago
- Priority changed from normal to highest omg bbq
The problem with always showing the buttons is the theme name will often be cut off.
This requires one tap to show the buttons, and a second tap to open the details screen.
#4
@
11 years ago
- Priority changed from highest omg bbq to low
Check that. When you click a theme, you don't need to see the buttons from that screen. You can be taken straight to the details, which contains those buttons.
It would be nice to avoid the flickering of the buttons and the "Theme Details" text when doing a scroll-drag, but that's fairly mundane.
#5
follow-up:
↓ 6
@
11 years ago
Well, it's fairly confusing. And, this may be a separate bug, but why do all those buttons have different names? What's the difference between Live Preview and Customize? Why do I need a Widgets button when I'm looking at a theme that isn't active? How is that different from the Widgets button on the active theme? o_O
#6
in reply to:
↑ 5
@
11 years ago
Replying to miqrogroove:
Well, it's fairly confusing. And, this may be a separate bug, but why do all those buttons have different names? What's the difference between Live Preview and Customize? Why do I need a Widgets button when I'm looking at a theme that isn't active? How is that different from the Widgets button on the active theme? o_O
Customize = current theme. Live Preview = inactive theme.
The fact that the buttons aren't different for active/inactive is a bug. Incoming.
#7
@
11 years ago
- Owner set to nacin
- Resolution set to fixed
- Status changed from new to closed
In 26815:
#8
@
11 years ago
- Resolution fixed deleted
- Status changed from closed to reopened
Patch above makes touchevents more responsive and hides :hover elements on smaller viewports.
#10
@
11 years ago
The only thing I see after applying 26481.diff is that the opacity transition triggers after dragging. Perhaps remove it for responsive mode?
#11
@
11 years ago
I left it as a hint that you "touched" a theme. But it'll probably be more confusing. Let's remove it.
#13
follow-up:
↓ 14
@
11 years ago
Just this:
.theme-browser.rendered .theme:hover .theme-screenshot img { opacity: 1; }
... should be fine.
#14
in reply to:
↑ 13
@
11 years ago
Replying to matveb:
Yeah, but we still tell the browser to do a transition which takes processing power, drains the battery, etc. :)
26481.3.diff works here on iPad and Android, maybe a quick look on Win8?
#15
@
11 years ago
If the properties don't change, are browsers smart enough to avoid doing anything?
#16
@
11 years ago
Hope so... But who knows.
Another thing: the Customize button disappears after touch on or dragging by the active theme and is not "clickable".
#18
@
11 years ago
Above seems enough for me, and fixes customize button, but don't have conclusive evidence of browsers not running any transition whatsoever :)
#21
@
11 years ago
- Resolution fixed deleted
- Status changed from closed to reopened
I've gone as far as confirming that 26838 is in my RC2 files, and even dumped the browser cache on my iPad.
When I scroll up and down on the Themes pages, I still get things randomly appearing and disappearing all over the page, sometimes in multiple places.
iPad Screen Shot