Opened 8 years ago

Closed 8 years ago

Last modified 8 years ago

#4192 closed defect (fixed)

Theme Activity Toolbar overflow icon to be touch friendly

Reported by: garycmartin Owned by: manuq
Priority: Normal Milestone:
Component: Sugar Version: 0.97.x
Severity: Unspecified Keywords: 13.1.0, r+, olpc-test-passed
Cc: erikos Distribution/OS: Unspecified
Bug Status: Unconfirmed

Description

Theme Activity Toolbar overflow icon to be touch friendly. Currently the icon is much thinner than out current toolbar icons, it should be the same width as our standard toolbar icon style so as to be an easier target for touch screen use case.

Attachments (4)

toolbar-overflow.gif (13.6 KB) - added by manuq 8 years ago.
Comparison current overflow with GTK+2
0001-Make-the-overflow-button-wider-SL-4192.patch (1.3 KB) - added by manuq 8 years ago.
Candidate patch
toolbar_overflow_icon_mockup_example.png (24.6 KB) - added by garycmartin 8 years ago.
toolbar-overflow.svg (951 bytes) - added by garycmartin 8 years ago.

Download all attachments as: .zip

Change History (12)

Changed 8 years ago by manuq

Comparison current overflow with GTK+2

Changed 8 years ago by manuq

Candidate patch

comment:1 Changed 8 years ago by manuq

  • Cc erikos added
  • Keywords r? added

comment:2 Changed 8 years ago by garycmartin

If we get to re-theme the icon used, at some point, attached is a mockup and an svg icon proposal. The 'chevron' look >> seems fairly standard as an icon for menu, tab bar, overflows, and makes a good distinctive looking icon.

Changed 8 years ago by garycmartin

Changed 8 years ago by garycmartin

comment:3 Changed 8 years ago by manuq

  • Priority changed from Unspecified by Maintainer to Normal

comment:4 Changed 8 years ago by garycmartin

Testing this patch does improve the touch target size of the overflow widget so it would be good go get in, though it's worth noting that; 1) it appears to be not quite as wide as a standard toolbar button (hit area is not a square, but a rectangle taller than it is wide); 2) that this does not affect gtk2 activity toolbars, only gtk3 ports; 3) obviously that a wider overflow button means that in some cases an extra toolbar widget might be overflowed into the overflow palette.

comment:5 Changed 8 years ago by manuq

  • Keywords r+ olpc-test-pending added; r? removed
  • Resolution set to fixed
  • Status changed from new to closed

Thanks Gary,

I did the overflow button more square and pushed it as f48950c2 . The proposed icon looks nice and fits well in Sugar. Can be done setting the background-image in the CSS. I have added a new ticket for next milestone: #4257

comment:6 Changed 8 years ago by greenfeld

  • Keywords olpc-test-passed added; olpc-test-pending removed

The overflow icon is accessible via touch, although not via a square surface, although I wish the touch area was a bit larger.

comment:7 Changed 8 years ago by dnarvaez

  • Component changed from sugar-artwork to Sugar

comment:8 Changed 8 years ago by dnarvaez

  • Milestone 0.98 deleted

Milestone 0.98 deleted

Note: See TracTickets for help on using tickets.