Changes

no edit summary
Line 1: Line 1: −
<noinclude>{{Translations}}</noinclude>
+
<noinclude>{{Translations}}{{GoogleTrans-en}}</noinclude>
 
<noinclude>{{hig-subnav|p_link=The Sugar Interface/Controls/Grouping Controls|p_label=Grouping Controls|c_link=The Sugar Interface/Controls/Custom Controls|c_label=Custom Controls|n_link=The Sugar Interface/Controls|n_label=Controls}}</noinclude>
 
<noinclude>{{hig-subnav|p_link=The Sugar Interface/Controls/Grouping Controls|p_label=Grouping Controls|c_link=The Sugar Interface/Controls/Custom Controls|c_label=Custom Controls|n_link=The Sugar Interface/Controls|n_label=Controls}}</noinclude>
   Line 12: Line 12:     
{|border=1 cellpadding=3 cellspacing=0 style="border: 1px #666666 solid; border-collapse: collapse; background: #f9f9f9;"
 
{|border=1 cellpadding=3 cellspacing=0 style="border: 1px #666666 solid; border-collapse: collapse; background: #f9f9f9;"
!style="background:#cccccc;"|Name!!style="background:#cccccc;"|Primary Uses!!style="background:#cccccc;"|Hex!!style="background:#cccccc;"|%
+
!style="background:#cccccc;"|Name!!style="background:#cccccc;"|Primary Uses!!style="background:#cccccc;"|Hex!!style="background:#cccccc;"|%&nbsp;Gray
 +
|-
 +
|Black||Palettes, Popups||#000000||100%
 +
|-
 +
|Toolbar&nbsp;Grey||Toolbars, Trays, Palette Groupings||#404040||75%
 +
|-
 +
|Button&nbsp;Grey||Default Button States||#808080||50%
 +
|-
 +
|Selection&nbsp;Grey||Selections, Panel Groupings||#A6A6A6||35%
 +
|-
 +
|Panel&nbsp;Grey||Panels, Desktop||#C0C0C0||25%
 +
|-
 +
|Text Field&nbsp;Grey||Text entry background||#E5E5E5||10%
 +
|-
 +
|White||Pressed states, multiline text areas||#FFFFFF||0%
 +
|}
 +
 
 +
=====Control Sizing=====
 +
 
 +
In accordance with [[Human_Interface_Guidelines/The_Sugar_Interface/Layout_Guidelines| the grid system]], we have defined two standard sizes for controls: 75px and 45px.  These sizes determine the bounding box for a given control, with 45px being the smallest recommended active (clickable) area for any control component.  Note that the control itself may actually be smaller than this canvas, depending on the desired context.  For instance, the icons for buttons fill up to 60% of the canvas area, with the actual icons having sizes of 55px and 27px.
 +
 
 +
 
 +
<noinclude>{{hig-subnav|p_link=The Sugar Interface/Controls/Grouping Controls|p_label=Grouping Controls|c_link=The Sugar Interface/Controls/Custom Controls|c_label=Custom Controls|n_link=The Sugar Interface/Controls|n_label=Controls}}</noinclude>