Skip to content
This repository has been archived by the owner on Jan 8, 2019. It is now read-only.

Commit

Permalink
Add bookmarklet info
Browse files Browse the repository at this point in the history
  • Loading branch information
sgarrity committed Jan 18, 2012
1 parent 3c2731b commit bf15c5d
Showing 1 changed file with 10 additions and 1 deletion.
11 changes: 10 additions & 1 deletion README.md
Expand Up @@ -18,4 +18,13 @@ As the universal tab does inject HTML/CSS into the DOM, some there are some requ
1. Background images must not be attached to the ```<body>``` element.
2. Absolutely positioned elements must not be positioned relative to the ```<body>``` element.

Any background image or absolutely positioned element attached to the ```body``` element would not move with the rest of the contents when the tab slides open. Instead, any such background or element should be attached to anoter HTML element in the page (a wrapper div, for example). Note that this issue does not apply to solid background colors, or backgrounds that do not vary vertically (solid vertical stripes, for example).
Any background image or absolutely positioned element attached to the ```body``` element would not move with the rest of the contents when the tab slides open. Instead, any such background or element should be attached to anoter HTML element in the page (a wrapper div, for example). Note that this issue does not apply to solid background colors, or backgrounds that do not vary vertically (solid vertical stripes, for example).

Testing Bookmarklet
-------------------
To test the universal tab on your mozilla website, create a new bookmark with the contents of <a href="https://github.com/mozilla/tabzilla/blob/master/media/bookmarklet/tabzilla.url">this file</a> as the Location. Then, click this bookmarklet while on one of your pages to see how the tab will appear on your site.

Note the following limitations of the bookmarklet:

* The tab is aligned to the top right of the viewport, not the top-right of your layout, as it should be.
* The tab has a float:left; which may interfere with other content on your page, or slip behind other elements and be invisible.

0 comments on commit bf15c5d

Please sign in to comment.