Difference between revisions of "Activity Team/New Toolbars"

From Sugar Labs
Jump to navigation Jump to search
 
(10 intermediate revisions by 3 users not shown)
Line 2: Line 2:
 
= Activities =
 
= Activities =
 
== Log ==
 
== Log ==
* make share button insensitive, icon for logsend (could be edit one)
+
* [done] make share button insensitive, icon for logsend (could be edit one)
: I'll pick up this one [[User:Garycmartin|Garycmartin]]
+
: I'll pick up this one --[[User:Garycmartin|Garycmartin]]
  
:Looks to be done already in latest git, but reveals a new sub toolbar issue in that it does not conform to the standard height (it must be relying to the height of share/keep icon) [[User:Garycmartin|Garycmartin]] 19:03, 30 August 2009 (UTC)
+
:Looks to be done already in latest git, but reveals a new sub toolbar issue in that it does not conform to the standard height (it must be relying to the height of share/keep icon) --[[User:Garycmartin|Garycmartin]] 19:03, 30 August 2009 (UTC)
 
:[[Image:Sub_toolbar_not_standard_size.png|640px|none|thumb|Note that the sub toolbar is not the correct height once the two buttons have been removed.]]
 
:[[Image:Sub_toolbar_not_standard_size.png|640px|none|thumb|Note that the sub toolbar is not the correct height once the two buttons have been removed.]]
  
Nope, it is hidden, but we agreed to make it insensitive. And I would show the keep option as well.[[User:Erikos|Erikos]]
+
: How about this as tools icon rather than the source view currently used? [[Image:toolbar-tools.png]] here's the mock-up [[Image:toolbar_tools_icon_mockup.png]]
 +
 
 +
: Another option (ripped off Walter's cockroach bug icon)? [[Image:toolbar-bug.png]] here's the mock-up [[Image:toolbar_bug_mockup.png]]
  
 
== Terminal ==
 
== Terminal ==
Line 25: Line 27:
 
[[Image:tab_icon_mockup.png|640px|none|thumb|Here's a mock-up for how the above may look using tab shaped buttons --[[User:Garycmartin|Garycmartin]]]]
 
[[Image:tab_icon_mockup.png|640px|none|thumb|Here's a mock-up for how the above may look using tab shaped buttons --[[User:Garycmartin|Garycmartin]]]]
  
[[Image:Hidden_share_option.png]]
+
 
  
 
== Browse==
 
== Browse==
 
* tabs not distinguisable
 
* tabs not distinguisable
* move edit and vew icon to the left
+
* [done] move edit and vew icon to the left
  
 
== TA ==
 
== TA ==
Line 50: Line 52:
 
== Memorize ==
 
== Memorize ==
 
* play/create icons? How to switch between the two modes?
 
* play/create icons? How to switch between the two modes?
 +
 +
: How about this for create (with all play tools in primary) [[Image:memorize-create.png]] here's a mock-up [[Image:memorize_create_mockup.png]]
  
 
== Labyrinth ==
 
== Labyrinth ==
Line 85: Line 89:
 
* how to differentiate the activity close button and the play/stop one?
 
* how to differentiate the activity close button and the play/stop one?
 
* do we actually keep the stop button?
 
* do we actually keep the stop button?
: I'll pick up this one [[User:Garycmartin|Garycmartin]]
+
: I'll pick up this one --[[User:Garycmartin|Garycmartin]]
  
 
== Typing turtle ==
 
== Typing turtle ==
Line 98: Line 102:
 
== Write ==
 
== Write ==
 
* some icon polishing and a reorder
 
* some icon polishing and a reorder
: I'll pick up this one [[User:Garycmartin|Garycmartin]]
+
 
 +
: Some misc mock-up ideas from Walter [[Image:list-none.png]] and [[Image:list-sizes.png]]
 +
 
 +
: Possible replacement "Insert Image" [[Image:insert-image.png]]
 +
 
 +
: Primary toolbar icon for the secondary toolbar of bullet styles [[Image:toolbar-bulletlist.png]] here's the mock-up [[Image:toolbar_bulletlist_mockup.png]]
 +
 
 +
: Paragraph heading 1 style [[Image:paragraph-h1.png]]
 +
 
 +
: Paragraph heading 2 style [[Image:paragraph-h2.png]]
 +
 
 +
: Paragraph heading 3 style [[Image:paragraph-h3.png]]
 +
 
 +
: Paragraph heading 4 style [[Image:paragraph-h4.png]]
 +
 
 +
: Paragraph block text style [[Image:paragraph-blocktext.png]]
 +
 
 +
: Favourite attempt so far at an icon for the "Plain Text" paragraph style [[Image:paragraph-plaintext.png]]
 +
 
 +
: Here's another try at an icon for "Plain Text" if you don't like above [[Image:paragraph-plaintext-v2.png]]
  
 
= Other =
 
= Other =
 
== Tabs ==
 
== Tabs ==
 
* is the 'x' icon correct or should it better be '-'?
 
* is the 'x' icon correct or should it better be '-'?

Latest revision as of 20:43, 23 February 2010

Activities

Log

  • [done] make share button insensitive, icon for logsend (could be edit one)
I'll pick up this one --Garycmartin
Looks to be done already in latest git, but reveals a new sub toolbar issue in that it does not conform to the standard height (it must be relying to the height of share/keep icon) --Garycmartin 19:03, 30 August 2009 (UTC)
Note that the sub toolbar is not the correct height once the two buttons have been removed.
How about this as tools icon rather than the source view currently used? Toolbar-tools.png here's the mock-up Toolbar tools icon mockup.png
Another option (ripped off Walter's cockroach bug icon)? Toolbar-bug.png here's the mock-up Toolbar bug mockup.png

Terminal

  • close icon on tab
  • tabs not distinguishable
Are we moving session tabs to the top as we put in the new toolbar? Perhaps we should focus on the toolbar for now, and worry about the current tab style later. I would like to see tabs in the same style as Browse for consistency if possible (should make the tab names shorter to make tabs more usable). Regarding toolbar, the "Tab" tab can go and all functions fit in the primary toolbar, will need new (tab shape) icons for "New tab" and "Close tab" perhaps also "Previous tab" and "Next tab" though we could consider removing these --Garycmartin
OK, how about these two new icons (likely want them in sugar-artwork so other activities can use them) Tab-add.png and Tab-remove.png?
And potentially Tab-next.png and Tab-previous.png?
Also potentially need a primary tab toolbar icon Toolbar-tab.png

Tabs.png

Here's a mock-up for how the above may look using tab shaped buttons --Garycmartin


Browse

  • tabs not distinguisable
  • [done] move edit and vew icon to the left

TA

  • keep as options

TA save.png

  • keep eye out for a better 'keep/save/export/import' type primary toolbar button
  • save snapshot

TA turtle toolbar.png

Read

  • readtoolbar icon? (bookmarks one?) No palette for star icon

Read bookmarks.png

  • maybe the bookmark ones can go into the top bar?
  • open unsupported document (_load_document l540)
  • alert?
  • can I reload a document?

Read View.png

Memorize

  • play/create icons? How to switch between the two modes?
How about this for create (with all play tools in primary) Memorize-create.png here's a mock-up Memorize create mockup.png

Labyrinth

  • view, edit, the rest of the options go into the primary one
  • bug: copy when no text is selected (type clipping)
I'll pick up this one Garycmartin

Calculate

  • icons for algebra, trigonometry...?
How about this for generic algebra icon Toolbar-algebra.png a tough one, here's a mock-up Toolbar algebra icon mockup.png
How about this for trigonometry Toolbar-trigonometry.png here's a mock-up Toolbar trigonometry icon mockup.png
And boolean Toolbar-boolean.png here's the mock-up Toolbar boolean icon mockup.png

Imageviewer

  • view section only? all the view related things in the main line?

Jukebox

  • view section, rest in the main screen

Pippy

  • simple activity (hello world example)
  • can we put the "Stop" and "Run" button controls in the primary toolbar to give more canvas space? --Garycmartin

Paint

  • paint: edit, image (eye), color icon, shape icon, text icon, tools icon? (or main one?), effects icon

Record

  • use type (audio, video etc) icons

Physics

  • everything in the top?
  • how to differentiate the activity close button and the play/stop one?
  • do we actually keep the stop button?
I'll pick up this one --Garycmartin

Typing turtle

  • simple one

Playgo

  • everything in top, restart button from memorize

Infoslicer

  • new concept (currently edit and library tab)

Write

  • some icon polishing and a reorder
Some misc mock-up ideas from Walter List-none.png and List-sizes.png
Possible replacement "Insert Image" Insert-image.png
Primary toolbar icon for the secondary toolbar of bullet styles Toolbar-bulletlist.png here's the mock-up Toolbar bulletlist mockup.png
Paragraph heading 1 style Paragraph-h1.png
Paragraph heading 2 style Paragraph-h2.png
Paragraph heading 3 style Paragraph-h3.png
Paragraph heading 4 style Paragraph-h4.png
Paragraph block text style Paragraph-blocktext.png
Favourite attempt so far at an icon for the "Plain Text" paragraph style Paragraph-plaintext.png
Here's another try at an icon for "Plain Text" if you don't like above Paragraph-plaintext-v2.png

Other

Tabs

  • is the 'x' icon correct or should it better be '-'?