Opened 11 years ago

Closed 11 years ago

Last modified 11 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 11 years ago.
Comparison current overflow with GTK+2
0001-Make-the-overflow-button-wider-SL-4192.patch (1.3 KB) - added by manuq 11 years ago.
Candidate patch
toolbar_overflow_icon_mockup_example.png (24.6 KB) - added by garycmartin 11 years ago.
toolbar-overflow.svg (951 bytes) - added by garycmartin 11 years ago.

Download all attachments as: .zip

Change History (12)

Changed 11 years ago by manuq

Comparison current overflow with GTK+2

Changed 11 years ago by manuq

Candidate patch

comment:1 Changed 11 years ago by manuq

  • Cc erikos added
  • Keywords r? added

comment:2 Changed 11 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 11 years ago by garycmartin

Changed 11 years ago by garycmartin

comment:3 Changed 11 years ago by manuq

  • Priority changed from Unspecified by Maintainer to Normal

comment:4 Changed 11 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 11 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 11 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 11 years ago by dnarvaez

  • Component changed from sugar-artwork to Sugar

comment:8 Changed 11 years ago by dnarvaez

  • Milestone 0.98 deleted

Milestone 0.98 deleted

Note: See TracTickets for help on using tickets.