Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-12-26 18:31:29 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

+ Made TabCandy pretty a la http://www.stephenhorlander.com/pages/incontent-ui-mockups/incontent-ui-mockups.html#tabCandy

Browse Source 
Note that this only works on the Mac.
This commit is contained in:
Aza Raskin 2010-05-21 04:05:55 -04:00
parent 1027bf1b00
commit 744b1edc64
3 changed files with 26 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
browser/base/content/tabcandy/app/ui.js
View File

@ -27,6 +27,11 @@ Navbar = {
// ----------
show: function() {
// Mac Only Hack
Utils.activeWindow.document.getElementById("main-window").removeAttribute("activetitlebarcolor");
window.statusbar.visible = true;
var el = this.el;
if(el)
el.collapsed = false;
@ -40,6 +45,11 @@ Navbar = {
// ----------
hide: function() {
// Mac Only Hack
Utils.activeWindow.document.getElementById("main-window").setAttribute("activetitlebarcolor", "#C4C4C4");
window.statusbar.visible = false;
var el = this.el;
if(el)
el.collapsed = true;
@ -239,7 +249,7 @@ window.Page = {
var self = this;
Utils.homeTab.raw.maxWidth = 60;
Utils.homeTab.raw.minWidth = 60;
// When you click on the background/empty part of TabCandy
// we create a new group.
$(Utils.homeTab.contentDocument).mousedown(function(e){
@ -521,7 +531,7 @@ UIClass.prototype = {
self.tabBar.hide();
} else {
self.focused = false;
self.navBar.show();
self.navBar.show();
}
}catch(e){
Utils.log(e)
@ -583,7 +593,7 @@ UIClass.prototype = {
// ----------
resize: function() {
/* Groups.repositionNewTabGroup(); */
var items = Items.getTopLevelItems();
var itemBounds = new Rect(this.pageBounds);
itemBounds.width = 1;

14
browser/themes/pinstripe/browser/tabcandy/tabcandy.css
View File

@ -5,14 +5,23 @@ html {
body {
font-family: Tahoma, sans-serif !important;
padding: 0px;
background-color: rgba(233,233,233,1);
padding: 0px;
color: rgba(0,0,0,0.4);
font-size:12px;
line-height: 16px;
margin: 0 auto;
}
#bg {
background: -moz-linear-gradient(top,#C4C4C4,#9E9E9E);
position:absolute;
top:0;
left:0;
width: 100%;
height: 100%;
z-index: -999999;
}
/* Tab Styling
----------------------------------*/
@ -106,7 +115,6 @@ body {
position: absolute;
top: 100%;
text-align: center;
text-shadow: rgba(255,255,255,1) 0 1px;
width: 94.5%;
white-space: nowrap;
overflow: hidden;

4
content/candies/revision-a/index.html
View File

@ -3,14 +3,14 @@
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US">
<head>
<title>Switch</title>
<title>&nbsp;</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<link rel="icon" href="chrome://tabcandy/content/tabcandy.png"/>
<link rel="stylesheet" href="css/groups.css" type="text/css">
</head>
<body>
<div id="top-border" />
<div id="bg" />
<script type="text/javascript;version=1.8">
</script>