[Sugar-devel] icons for paragraph toolbar

Gary C Martin gary at garycmartin.com
Sat Sep 5 21:16:51 EDT 2009


Hi Walter,

On 4 Sep 2009, at 22:56, Walter Bender wrote:

> Attached are proposed patches to toolbar.py and widgets.py
> Seemingly pretty straight-forward stuff... but we need icons :)

Sorry, haven't got to look at your patches yet, but here's the icons I  
have so far...

Here's a possible replacement "Insert Image" icon (if you like it):

-------------- next part --------------
A non-text attachment was scrubbed...
Name: insert-image.png
Type: image/png
Size: 7611 bytes
Desc: not available
Url : http://lists.sugarlabs.org/archive/sugar-devel/attachments/20090906/c0a98305/attachment-0013.png 
-------------- next part --------------
  
-------------- next part --------------
A non-text attachment was scrubbed...
Name: insert-image.svg
Type: image/svg+xml
Size: 2299 bytes
Desc: not available
Url : http://lists.sugarlabs.org/archive/sugar-devel/attachments/20090906/c0a98305/attachment-0009.svg 
-------------- next part --------------



Here's a primary toolbar icon for the secondary toolbar of bullet  
styles:

-------------- next part --------------
A non-text attachment was scrubbed...
Name: toolbar-bulletlist.png
Type: image/png
Size: 6922 bytes
Desc: not available
Url : http://lists.sugarlabs.org/archive/sugar-devel/attachments/20090906/c0a98305/attachment-0014.png 
-------------- next part --------------
  
  
-------------- next part --------------
A non-text attachment was scrubbed...
Name: toolbar_bulletlist_mockup.png
Type: image/png
Size: 2997 bytes
Desc: not available
Url : http://lists.sugarlabs.org/archive/sugar-devel/attachments/20090906/c0a98305/attachment-0015.png 
-------------- next part --------------
  
-------------- next part --------------
A non-text attachment was scrubbed...
Name: toolbar-bulletlist.svg
Type: image/svg+xml
Size: 1132 bytes
Desc: not available
Url : http://lists.sugarlabs.org/archive/sugar-devel/attachments/20090906/c0a98305/attachment-0010.svg 
-------------- next part --------------



Insert table icon is already in sugar-artwork, it's called insert- 
table.svg and looks OK to me, but I can't see it being set by the  
InsertToolbar class so it looks like we get a default low res bitmap  
instead:

What we currently get is 
-------------- next part --------------
A non-text attachment was scrubbed...
Name: current_table_icon.png
Type: image/png
Size: 7688 bytes
Desc: not available
Url : http://lists.sugarlabs.org/archive/sugar-devel/attachments/20090906/c0a98305/attachment-0016.png 
-------------- next part --------------

What we should be getting is 
-------------- next part --------------
A non-text attachment was scrubbed...
Name: insert-table.png
Type: image/png
Size: 6826 bytes
Desc: not available
Url : http://lists.sugarlabs.org/archive/sugar-devel/attachments/20090906/c0a98305/attachment-0017.png 
-------------- next part --------------


I'd be very tempted to use this for the Table primary icon (as well as  
for the add table palette). The rest of the table SVG icons seem  
reasonable to me (add row, remove row, add column, remove column):

-------------- next part --------------
A non-text attachment was scrubbed...
Name: table_tools.png
Type: image/png
Size: 8558 bytes
Desc: not available
Url : http://lists.sugarlabs.org/archive/sugar-devel/attachments/20090906/c0a98305/attachment-0018.png 
-------------- next part --------------



Here's a set of icons for paragraph style headings 1 to 4:

-------------- next part --------------
A non-text attachment was scrubbed...
Name: paragraph-h1.png
Type: image/png
Size: 6792 bytes
Desc: not available
Url : http://lists.sugarlabs.org/archive/sugar-devel/attachments/20090906/c0a98305/attachment-0019.png 
-------------- next part --------------
  
-------------- next part --------------
A non-text attachment was scrubbed...
Name: paragraph-h1.svg
Type: image/svg+xml
Size: 1018 bytes
Desc: not available
Url : http://lists.sugarlabs.org/archive/sugar-devel/attachments/20090906/c0a98305/attachment-0011.svg 
-------------- next part --------------


-------------- next part --------------
A non-text attachment was scrubbed...
Name: paragraph-h2.png
Type: image/png
Size: 6845 bytes
Desc: not available
Url : http://lists.sugarlabs.org/archive/sugar-devel/attachments/20090906/c0a98305/attachment-0020.png 
-------------- next part --------------
  
-------------- next part --------------
A non-text attachment was scrubbed...
Name: paragraph-h2.svg
Type: image/svg+xml
Size: 1018 bytes
Desc: not available
Url : http://lists.sugarlabs.org/archive/sugar-devel/attachments/20090906/c0a98305/attachment-0012.svg 
-------------- next part --------------


-------------- next part --------------
A non-text attachment was scrubbed...
Name: paragraph-h3.png
Type: image/png
Size: 6846 bytes
Desc: not available
Url : http://lists.sugarlabs.org/archive/sugar-devel/attachments/20090906/c0a98305/attachment-0021.png 
-------------- next part --------------
  
-------------- next part --------------
A non-text attachment was scrubbed...
Name: paragraph-h3.svg
Type: image/svg+xml
Size: 1018 bytes
Desc: not available
Url : http://lists.sugarlabs.org/archive/sugar-devel/attachments/20090906/c0a98305/attachment-0013.svg 
-------------- next part --------------


-------------- next part --------------
A non-text attachment was scrubbed...
Name: paragraph-h4.png
Type: image/png
Size: 6831 bytes
Desc: not available
Url : http://lists.sugarlabs.org/archive/sugar-devel/attachments/20090906/c0a98305/attachment-0022.png 
-------------- next part --------------
  
-------------- next part --------------
A non-text attachment was scrubbed...
Name: paragraph-h4.svg
Type: image/svg+xml
Size: 1016 bytes
Desc: not available
Url : http://lists.sugarlabs.org/archive/sugar-devel/attachments/20090906/c0a98305/attachment-0014.svg 
-------------- next part --------------



Here's an icon for the block text paragraph style:

-------------- next part --------------
A non-text attachment was scrubbed...
Name: paragraph-blocktext.png
Type: image/png
Size: 6543 bytes
Desc: not available
Url : http://lists.sugarlabs.org/archive/sugar-devel/attachments/20090906/c0a98305/attachment-0023.png 
-------------- next part --------------
  
-------------- next part --------------
A non-text attachment was scrubbed...
Name: paragraph-blocktext.svg
Type: image/svg+xml
Size: 891 bytes
Desc: not available
Url : http://lists.sugarlabs.org/archive/sugar-devel/attachments/20090906/c0a98305/attachment-0015.svg 
-------------- next part --------------


Here's my favourite attempt so far at an icon for the "Plain Text"  
paragraph style:

-------------- next part --------------
A non-text attachment was scrubbed...
Name: paragraph-plaintext.png
Type: image/png
Size: 7176 bytes
Desc: not available
Url : http://lists.sugarlabs.org/archive/sugar-devel/attachments/20090906/c0a98305/attachment-0024.png 
-------------- next part --------------
  
-------------- next part --------------
A non-text attachment was scrubbed...
Name: paragraph-plaintext.svg
Type: image/svg+xml
Size: 1257 bytes
Desc: not available
Url : http://lists.sugarlabs.org/archive/sugar-devel/attachments/20090906/c0a98305/attachment-0016.svg 
-------------- next part --------------


It's a tough one, but if you don't like the above, here's another try:

-------------- next part --------------
A non-text attachment was scrubbed...
Name: paragraph-plaintext-v2.png
Type: image/png
Size: 6643 bytes
Desc: not available
Url : http://lists.sugarlabs.org/archive/sugar-devel/attachments/20090906/c0a98305/attachment-0025.png 
-------------- next part --------------
  
-------------- next part --------------
A non-text attachment was scrubbed...
Name: paragraph-plaintext.svg
Type: image/svg+xml
Size: 1257 bytes
Desc: not available
Url : http://lists.sugarlabs.org/archive/sugar-devel/attachments/20090906/c0a98305/attachment-0017.svg 
-------------- next part --------------


> Plus, I haven't figured out where to put Plain. In the Headings  
> palette perhaps?

I popped "Plain" in the secondary "Paragraph style" toolbar (see  
toolbar layout in text below), it's with the headings and justify  
tools so I think that's the same place your referring to.

> We'll also need to violate string freeze, I am afraid to include the
> Headings hint.

Walter, there's no need to be scared ;-)

Ohh, quick toolbar bug while I remember: The Undo accelerator key is  
mapped to <Ctrl>+Q for some reason, so you can't currently quite Write  
with that shortcut ;-)

Regards,
--Gary

P.S. Shout if you think I've missed an icon you need!

> On Fri, Sep 4, 2009 at 12:24 PM, Gary C Martin<gary at garycmartin.com>  
> wrote:
>> Hi Walter,
>>
>> If I focus on generating need icons (and some order suggestions)  
>> would you
>> pick up patching the Write toolbars? I can then move onto other  
>> icons for
>> Simon (and my own Labyrinth/Physics/Moon).
>>
>> Here's a first pass at the toolbar to get an idea of icons needed.  
>> The HIG
>> has space for 14 icons max, so things are pretty tight here. I  
>> would like to
>> move 'Insert image' out of  'Table' and onto the primary toolbar,  
>> but that
>> put's it perhaps too close to the 'Stop' button (I'd like to leave  
>> a 1x icon
>> gap if possible):
>>
>> [Activity]
>>        "Title input"
>>        {Share palette}
>>        {Export palette}
>>        --------
>>        Keep
>>
>> [Edit]
>>        Copy
>>        Paste
>>        --------
>>        Undo
>>        Redo
>>
>> [View]
>>        Zoom in
>>        Zoom out
>>        (Zoom combo box)
>>        --------
>>        (Page combo box)
>>        --------
>>        "Search input box"      <-- should have string "Search:"  
>> prefixing
>> the input box
>>        Find previous
>>        Find next
>>
>> [Paragraph style]
>>        Heading 1       <-- need icon
>>        Heading 2       <-- need icon
>>        Heading 3       <-- need icon
>>        Heading 4       <-- need icon
>>        Block text      <-- need icon
>>        Plain Text      <-- need icon
>>        --------
>>        Left justify
>>        Centre justify
>>        Right justify
>>        Fill justify
>>
>> [List style]            <-- need icon
>>        Normal
>>        Bullet list
>>        Dashed list
>>        Numbered list
>>        Lower case list
>>        Upper case list
>>
>> [Font style]
>>        (Font list menu)
>>        (Font size menu)
>>
>> [Table]                         <-- need better icon
>>        {Add table palette}     <-- need better icon
>>        Add row                 <-- need better icon
>>        Remove row              <-- need better icon
>>        Add column              <-- need better icon
>>        Remove column   <-- need better icon
>>        --------
>>        Insert Image    <-- have a better icon (see Labyrinth)
>>
>> --------
>> Bold
>> Italic
>> Underline
>> {Colour picker palette}
>> ...
>> ...
>> Stop
>>
>> Seem OK? I can work on these a little tonight, but also tomorrow.
>>
>> Regards,
>> --Gary
>>
>> On 3 Sep 2009, at 15:21, Walter Bender wrote:
>>
>>> I think you'd get a +1 from both uwog and me. There are already
>>> individual icons for the bullet styles. Adding the same for the
>>> heading styles and then eliminating the drop-down menu doesn't seem
>>> too invasive. But we'll need to add a new string for the heading- 
>>> style
>>> button, breaking string freeze.
>>>
>>> If we can agree upon the icons, I can try my hand at creating the  
>>> patch.
>>>
>>> -walter
>>>
>>> On Thu, Sep 3, 2009 at 10:13 AM, Gary C Martin<gary at garycmartin.com>
>>> wrote:
>>>>
>>>> Hi Walter,
>>>>
>>>> Thanks, have also popped them on the wiki page for reference:
>>>>
>>>>       http://wiki.sugarlabs.org/go/Activity_Team/New_Toolbars
>>>>
>>>> I haven't started on the Write toolbar polish and reorder yet.  
>>>> I'm going
>>>> to
>>>> try and keep changes to a minimum (i.e we'd talked about breaking  
>>>> out all
>>>> styles into individual icons so there were easier to find/use) as  
>>>> I don't
>>>> want to get r- by Tomeu due to the changes being too large ? but  
>>>> I will
>>>> take
>>>> a look at least, and maybe we can convince Tomeu to let it  
>>>> through this
>>>> late
>>>> in the release cycle.
>>>>
>>>> Regards,
>>>> --Gary
>>>>
>>>> On 3 Sep 2009, at 03:35, Walter Bender wrote:
>>>>
>>>>> forgot to CC the two of you...
>>>>>
>>>>> -walter
>>>>>
>>>>> ---------- Forwarded message ----------
>>>>> From: Walter Bender <walter.bender at gmail.com>
>>>>> Date: Wed, Sep 2, 2009 at 10:33 PM
>>>>> Subject: icons for paragraph toolbar
>>>>> To: "J.M. Maurer" <uwog at uwog.net>
>>>>>
>>>>> Maybe Gary or Eben can come up with something a bit more  
>>>>> professional.
>>>>> But I though something like these would be more readily decodable.
>>>>>
>>>>> The H1-H5 icons (which I haven't made yet) would be under  
>>>>> secondary
>>>>> menu under the list-sizes menu and the bullets, et al. under the
>>>>> list-none menu.
>>>>>
>>>>> -walter
>>>>>
>>>>> --
>>>>> Walter Bender
>>>>> Sugar Labs
>>>>> http://www.sugarlabs.org
>>>>>
>>>>> --
>>>>> Walter Bender
>>>>> Sugar Labs
>>>>> http://www.sugarlabs.org
>>>>> <list-none.svg><list-sizes.svg>
>>>
>>> --
>>> Walter Bender
>>> Sugar Labs
>>> http://www.sugarlabs.org
>
> -- 
> Walter Bender
> Sugar Labs
> http://www.sugarlabs.org
> <toolbar.patch><widgets.patch>



More information about the Sugar-devel mailing list