<html><head></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; ">Hi Manuel,<div><br></div><div><div><div>On 5 Sep 2011, at 00:51, manuel quiñones wrote:</div><br class="Apple-interchange-newline"><blockquote type="cite"><div>Hi,<br><br>This is a reminder for tomorrow's design meeting. I would like to<br>discuss the ongoing development of tabs in Browse.<br></div></blockquote><div><br></div><div>As discussed in the Design Meeting today, here are some variations on the colouring of the tabs, with the goal of making the tab design feel more part of the Sugar toolbars, and to be more clear which toolbars is currently selected (especially an issue when there are only two tabs open):</div><div><br></div><div>1) A simple square tab design with inactive tabs and additional space using the toolbar fill dark grey, all widgets in white, and fixed size tab widths.</div><div><br></div><div><img id="0137916e-b88a-4b2f-a183-51e128ab28f5" height="135" width="725" apple-width="yes" apple-height="yes" src="cid:10E8B433-EADC-4CE8-A03A-1182C08F2E2E"></div><div><br></div><div>2) Same as above but with simple rounding to the selected tab</div><div><br></div><div><img id="c49dd839-ab19-4ee7-81aa-e2bf1a02f2aa" height="135" width="725" apple-width="yes" apple-height="yes" src="cid:21EC75E9-5913-4140-A33A-257EA7110214"></div><div><br></div><div>3) Selected tab in toolbar dark grey fill, with inactive tabs and additional space in mid grey</div><div><br></div><div><img id="3ced4ec4-05b4-4765-9cb7-77a20cb16dda" height="135" width="725" apple-width="yes" apple-height="yes" src="cid:E2E277B6-77D6-432B-BC92-E297362C2138"></div><div><br></div><div>4) Same as above but with a small rounded edge detail on the selected tab</div><div><br></div><div><img id="ba3bb025-7c27-4d83-ab65-bbb505ee41ad" height="135" width="725" apple-width="yes" apple-height="yes" src="cid:C093D36F-5AE2-4D1A-BD56-235383BAA4BB"></div><div><br></div><div>5) Same as above but with additional 's' rounding details on each separator</div><div><br></div><div><img id="ecc5fc22-d113-4878-89b5-fd5409a6e054" height="135" width="725" apple-width="yes" apple-height="yes" src="cid:1C01589A-D095-42FE-B6C7-098543CAD8FD"></div><div><br></div><div>There are a quite a number of ways the rounded details could be styled, but as mockups go I like 5 the most (If we want to go rounded tabs), and 3 (if we want to keep it simple with square corner tabs).</div><div><br></div><div>Regards,</div><div>--Gary</div><br><blockquote type="cite"><div>I have updated the toolbar catalog:<br><br><a href="http://wiki.sugarlabs.org/go/Design_Team/Toolbar_Catalog">http://wiki.sugarlabs.org/go/Design_Team/Toolbar_Catalog</a><br><br>-- <br>.. manuq ..<br>_______________________________________________<br>Sugar-devel mailing list<br>Sugar-devel@lists.sugarlabs.org<br>http://lists.sugarlabs.org/listinfo/sugar-devel<br></div></blockquote></div><br></div></body></html>