Commit Graph

57 Commits

Author SHA1 Message Date
Ian Gilman
9650718be6 + removed unused code and reorged remainder
--HG--
rename : browser/themes/pinstripe/browser/tabcandy/shared/candybutton.png => browser/themes/pinstripe/browser/tabcandy/candybutton.png
2010-06-16 15:46:05 -07:00
Ian Gilman
01c7b6ebd7 + Refactored zoom code into TabItem (was in TabItems and Page)
+ The "zoom prep", where the div is resized behind the scenes, is now much more robust; items can be rearranged while in this state (in response to new tabs opening, for instance), and everything still works out.
+ Group._activeTab is now a TabItem rather than a DOM element
+ Most of the old "mod" routine is now in the TabItem constructor; "mod" no longer exists
2010-06-14 15:43:02 -07:00
Ian Gilman
e92b535ded + Now using the "front" class when zooming down (was just when zooming up), hopefully to speed things up
+ Modified the  "front" class to remove unnecessary bits from the tab, and to turn on crisp edges, hopefully to speed things up
2010-06-11 16:35:47 -07:00
Ian Gilman
7877491a9e + We are entirely jQuery-free in revision-a!
+ You can now drop tabs on tabs
+ Resize works once again, but with iQ
2010-06-09 14:45:48 -07:00
Ian Gilman
5fd1e12e8e + Turned off -moz-crisp-edges
+ First use of iQ.animate(), which uses CSS transitions: tab zoom up and down, as well as phantom group disappearing when you drag in empty space but don't make it big enough
+ Consolidated onFocus call of UIClass into onFocus call of Page
+ ui.js is jQuery-free
+ The zoom down animation happens after a setTimeout(…, 1), which causes an unfortunate delay, but without it, the animation doesn't happen at all
+ Added val, resize, change to iQ.fn and isAnimating to iQ
2010-06-03 15:31:18 -07:00
Aza Raskin
050d61a65e + Removed an old unused image. 2010-05-27 17:24:38 -07:00
Aza Raskin
c85738d1c1 + Compressed default.png 2010-05-27 17:23:08 -07:00
Aza Raskin
15c477a8a5 + Default icon when there is no favicon. 2010-05-27 17:19:45 -07:00
Aza Raskin
a070ba2c41 + Made the css for debug-related buttom buttons more generic.
+ Added a more discoverable reset button.
2010-05-27 01:40:45 -07:00
Aza Raskin
a479d19918 + Added UserVoice back to TabCandy, but this time without pulling in untrusted code from the web into a privledged context.
+ UserVoice now links from a button near the bottom of the screen. Styled with CSS3 goodness.
2010-05-25 15:04:46 -07:00
Aza Raskin
5e0fd5f6e8 + Remove the title of the "New Tabs" at the suggestion of Beltzner
+ Made the titles more beautiful in the new tabs group.
2010-05-25 14:21:23 -07:00
Aza Raskin
6d547ef19e + New visual styling for the new tab group. So very very pretty. 2010-05-25 01:20:44 -07:00
Ian Gilman
e6e06b991a + New "new tabs" group behavior and position
+ New "new tab" button position for the  "new tabs" group
+ Misc bug fixes
2010-05-24 17:14:10 -07:00
Aza Raskin
31d0e32252 + Better indication of groups as drop targets
+ Using the new-tab buttons no longer cause a jarring shift due to window chrome appearing.
2010-05-22 11:42:23 -07:00
Aza Raskin
6d0ebf474f + Groups now have gentle drop shadows. 2010-05-21 20:06:37 -07:00
Aza Raskin
b9270affc6 + Made TabCandy pretty a la http://www.stephenhorlander.com/pages/incontent-ui-mockups/incontent-ui-mockups.html#tabCandy
Note that this only works on the Mac.
2010-05-21 04:05:55 -04:00
Aza Raskin
8009e34fcc + Fixed a bug whereby the navbar and tabstrip weren't being properly hidden
+ Fixed a typo where errors in onFocus weren't being logged. (When you  go back to the TabCandy from a tab, the tab strip get hidden late,  causing a jarring jump)
+ Also: fixed bug 567010
2010-05-21 03:13:53 -04:00
Aza Raskin
6b2303e4cd + Updated the hover-state for dropping a tab into a group: * [P] The indication that you are dropping a tab onto a group should not be on the tab, but on the group.[Aza]
+ Made the focus ring slightly prettier.
2010-05-14 22:50:12 -07:00
Aza Raskin
477fc72536 + Removed the code that drew into the toolbar button (no longer needed)
+ Changed the button image to not include a circle with a one in it
2010-05-13 11:00:44 -07:00
Aza Raskin
4201bb2953 + Added the concept of the "focused" tab.
+ The last tab you were viewing is now highlighted as the focused tab.
+ You can get back to the tab you were looking at now by hitting the escape key.
+ You can navigate to the focused tab by hitting the return key.
+ You can select other tabs via the keyboard with the arrow keys.
2010-05-12 19:56:35 -07:00
Ian Gilman
91317331e1 + Trying -moz-crisp-edges… doesn't seem to improve speed much on 3.6, and looks worse
+ Created Utils.copy to make duplicating objects cleaner
+ Fixed a number of issues with pulling tabs out of a tray. Temporarily disabled the delay on drag as well.
+ Improved the threshold for switching from grid to stack; only happens when the grid fills up.
+ No longer announcing "bad storage data" when there is in fact no storage data (fresh start)
+ A couple more asserts
2010-05-11 17:22:06 -07:00
Ian Gilman
f2b4c017bc + You can now drag a group by its title. If you click on the title instead, it selects the whole title (which, it turns out, it was doing anyway) and allows you to edit it.
+ Reenabled the ability to exit title editing by clicking in empty space
2010-05-10 17:17:48 -07:00
Ian Gilman
6767f35c41 + Removed tab bar control
+ Group title box now grows when you type into it, but always stays smaller than the width of the group
2010-05-06 17:01:53 -07:00
Aza Raskin
bf2dd202ae + Moved back to black overlay look for stacks
+ Grappling with a correct new-tab animation
2010-05-04 13:52:25 -07:00
Aza Raskin
9728d5ae88 + Added some code that, when you zoom into a group, moves all of the tabs to the end of the tabstrip (in the order which they appear in the group). This does two things:
(1) It means that the tabs are shown in the order which they appear in the group. Keeps the mental model clean.
 (2) When you close a tab, the next tab that is focused is sane (i.e., it is in the group not some random tab)
2010-05-03 16:48:10 -07:00
Aza Raskin
92b7dd395f + Added a first-pass at a new-tab interface for groups.
+ TODOs (see the code)
 + (1) There is a potential race condition groups.js:line 121
 + (2) The new tab animation is to the wrong place groups.js:line 96
2010-05-03 15:24:22 -07:00
Aza Raskin
4a9d7ef349 +Styling for groups to make it less apple-like 2010-04-30 17:26:28 -07:00
Ian Gilman
89723d2a2c + Fixed a bug making it so you couldn't close tabs that were just .mov
+ Commented out the _render routine in toolbar-button.js,  as it was throwing exceptions and didn't seem to work anyway
+ Added some asserts to Item and cleaned up its documentation
+ Made Utils.assert more robust
+ Made tabs prettier when stacked
+ Commented out js lint, which doesn't seem to work in this context
+ Fixed it so you can't resize locked groups
+ Made it so the "new tabs" group is no longer locked (for the time being at least)
+ Tabs no longer change order when you drag their groups around
+ The tray now goes away more beautifully
+ You now have to drag at least 100 pixels and at least 500 milliseconds before a tab is pulled out its tray
+ No longer reserving space at the bottom of the screen for the "new tabs" group
+ Tab titles now go away when stacked and come back when not (there was a problem with them coming back)
+ No longer explicitly positioning the "new tabs" group
2010-04-30 17:24:03 -07:00
Aza Raskin
8e2f4638c6 + Visual cleanup:
+ Page names are no longer visible when in stacks
 + Page names have been prettified when in the stack tray.
 + TODO: Page names don't seem to come back after a group is turned into a stack, and then unstacked.
2010-04-29 00:42:37 -07:00
Ian Gilman
be7ec21618 + Stacks now expand into a special "tray"
+ You can now once again rename groups
2010-04-28 17:18:02 -07:00
Ian Gilman
0fd506d838 + First version of stacks
+ Cleaned up issues with algorithm for choosing where to position a tab dropped into a group
+ You can no longer drag a tab or group around by its close box
+ Changed tab drop tolerance… tabs now just need to overlap 50% in order to group. This is to make it consistent with dropping a tab on an existing group, which already behaved this way
+ A single tab in a group will no longer fill the entire group
2010-04-27 16:11:49 -07:00
Aza Raskin
3cd419c6fd First pass at an implementation of stacks.
+ In Zoomgroups put some pages into a group, then scale it down
+ It will animate itself into a stack
+ Pull it out again and it will go back to being a zoomgroup
2010-04-22 12:38:37 -04:00
Ian Gilman
dc891cb0ec + finished locking down the "new tabs" group… can no longer be renamed or auto deleted
+ Removed potential slowdown for dragging tabs… should be the same now as it was before my "keeping groups and children in sync" fix
2010-04-21 17:27:28 -07:00
Aza Raskin
043202fa79 Cleaned up the interaction around naming a group.
+ Animation on changing the default name
+ Appropriate color changes
+ Only show the input box on hover
2010-04-21 14:12:41 -04:00
Aza Raskin
68f47fda0b Performance tweaks:
+ We pause tab mirroring/painting on zooms.
+ We remove box shadows and rounded corners on zooms. (Which, according to Shark, was costing around 10% time)
2010-04-20 16:05:07 -04:00
Ian Gilman
56db6cd241 + The tab bar toggle now has a down arrow when clicking on it will pull the tab bar down and an up arrow when it will push the tab bar up (was reversed)
+ The tab bar toggle and decorative strip now reside above the tab candy content in Z
+ Group titles now have prompt text/icon
+ Additional documentation (especially Mirror)
+ Fixed the dev mode features (were broken by the tab bar toggle changes)
+ The Firefox nav bar now correctly shows again when you create and go to a new tab
2010-04-16 15:09:23 -07:00
Aza Raskin
d6137a02d5 Added a beautiful tabbar toggle. Woot! 2010-04-14 19:06:17 -07:00
Aza Raskin
dfca37f2d3 Updated the specification to include the stacks metaphore. 2010-04-14 17:15:38 -07:00
Ian Gilman
d54682ea3a + added the title and close box back to groups, with some basic styling
+ the "new tab" group now always lives at the bottom of the page
+ the candy switcher and the "grid" and "sites" features are now hidden by default. add ?dev=1 to the url to show them
+ the Firefox nav bar is now hidden when you're in the tab candy page
+ the starting grid now scales depending on how many tabs you have. (it is in fact sharing the arrange code that groups use for their children)
2010-04-14 17:12:06 -07:00
Aza Raskin
81220cecdf Aza sings the Merge song:
They were plentiful when from the darkness it emerged
The dark mercurial spirits singing SVN a dirge
A beast with many heads
No arms but branches in its stead
As you push into unknowns your final utterance will be "merge"

-- The only surving translation of the last song of the commited.
2010-04-12 23:16:28 -07:00
Aza Raskin
4a8cec5b6f Added a TabCandy button to the navigation toolbar on startup.
+ Clicking on it opens a tab to Revision-A
  - The tab is moved to being the first tab
  - The tab is visually hidden
  - Clicking on it again re-uses the opened tab

Some notes:
* Only styled for OSX
* We should think about loading the page in the background on startup
  so that there is no time delay when clicking on it the first time
2010-04-12 23:04:25 -07:00
Ian Gilman
67e62540bf + Removed unnecessary margin and padding from tabs and groups (was messing up layout)
+ Now compensating for padding in tabs when laying them out
+ Tab titles are now a single line, cut at the width of the tab (but no ellipsis yet)
+ Groups now have the move cursor
+ Tab resizing now works, and is disabled when a tab is in a group
+ We now have a "new tabs" group that new tabs go into (created as needed)
+ New layout algorithm for tabs inside a group. It's not as space efficient as the last one, but the unused space is at the bottom rather than the right side, and in general I think it behaves more like people expect.
+ Groups now have a minimum width when resizing
+ If you drag the second to last tab out of a group and don't return it to that group, the group now dissolves.
+ When a tab gets below a certain size, its thumbnail and close box are hidden
+ When a tab's title gets below a certain size, it is hidden.
2010-04-12 17:20:35 -07:00
Aza Raskin
9af26a4f2f + Fixed the implementation of closing
+ Cleaned up the CSS styles by using background images
2010-04-10 02:16:02 -07:00
Aza Raskin
d27c70768f + Fixex a bug whereby the titles of pages would be hidden inside of groups. 2010-04-09 15:48:29 -07:00
aza@More-Better-Internet.local
a36b60726f + Continued cleanup of zoom code.
+ Tabs now have the correct style inside of groups.
2010-04-09 15:17:08 -07:00
aza@More-Better-Internet.local
2e81996a61 Fixed sizing issues in the new style, as well as cleaned up the zoom code. 2010-04-09 12:49:54 -07:00
aza@More-Better-Internet.local
fa48f64a49 Fixed the height of the pages. 2010-04-09 12:21:31 -07:00
Ian Gilman
0c125207f4 + Merging; looks like we had a little collision in the group DOM area 2010-04-09 10:21:12 -07:00
Ian Gilman
300cdc43a7 + The container for a Group now encompasses its whole bounds; the titlebar is within it rather than outside of it. This is a cleaner structure, and fixes some issues with the titlebar, as well as allowing us to see the red glow for when a group will be dropped into another group. There are still some issues, but I think we'll leave them until we have a visual design. 2010-04-09 10:03:51 -07:00
aza@host-3-23.mv.mozilla.com
562d1e7d86 Begun adding a new theme, by Sean Martell. 2010-04-08 17:38:06 -07:00