Bug 826689 - Implement Australis tab dimensions. r=dao, ui-r=shorlander

This commit is contained in:
Matthew Noorenberghe 2013-05-02 12:05:50 -04:00
parent a061cfbc87
commit ee88d0c108
5 changed files with 52 additions and 75 deletions

View File

@ -39,11 +39,11 @@ tabbrowser {
.tabbrowser-tab:not([pinned]) {
-moz-box-flex: 100;
max-width: 250px;
max-width: 180px;
min-width: 100px;
width: 0;
transition: min-width 200ms ease-out,
max-width 250ms ease-out,
max-width 230ms ease-out,
opacity 50ms ease-out 20ms /* hide the tab for the first 20ms of the max-width transition */;
}
@ -52,8 +52,8 @@ tabbrowser {
min-width: 0.1px;
opacity: 0 !important;
transition: min-width 200ms ease-out,
max-width 250ms ease-out,
opacity 50ms ease-out 180ms /* hide the tab for the last 20ms of the max-width transition */;
max-width 230ms ease-out,
opacity 50ms ease-out 160ms /* hide the tab for the last 20ms of the max-width transition */;
}
.tab-throbber:not([fadein]):not([pinned]),

View File

@ -1610,26 +1610,6 @@ toolbar[iconsize="small"] #bookmarks-menu-button[starred],
outline: 1px dotted;
}
.tab-throbber,
.tab-icon-image {
-moz-margin-end: 3px;
}
.tab-throbber {
list-style-image: url("chrome://browser/skin/tabbrowser/connecting.png");
}
.tab-throbber[progress] {
list-style-image: url("chrome://browser/skin/tabbrowser/loading.png");
}
.tab-throbber[pinned],
.tab-icon-image[pinned],
.tabs-newtab-button > .toolbarbutton-icon {
-moz-margin-start: 2px;
-moz-margin-end: 2px;
}
#context_reloadTab {
list-style-image: url("moz-icon://stock/gtk-refresh?size=menu");
}
@ -1664,11 +1644,10 @@ toolbar[iconsize="small"] #bookmarks-menu-button[starred],
}
.tab-close-button {
padding: 0;
list-style-image: url("moz-icon://stock/gtk-close?size=menu");
margin-top: -1px;
margin-top: 0;
margin-bottom: -1px;
-moz-margin-end: -1px;
-moz-margin-end: -4px;
}
/* Tabstrip new tab button */

View File

@ -2182,23 +2182,11 @@ toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
%include ../shared/tabs.inc.css
.tab-label {
margin: 0;
margin-top: 3px;
margin-bottom: 0;
text-align: center;
}
.tab-throbber:not([pinned]),
.tab-icon-image:not([pinned]) {
-moz-margin-end: 6px;
}
.tab-throbber {
list-style-image: url("chrome://browser/skin/tabbrowser/connecting.png");
}
.tab-throbber[progress] {
list-style-image: url("chrome://browser/skin/tabbrowser/loading.png");
}
@media (min-resolution: 2dppx) {
.tab-icon-image {
list-style-image: url("chrome://mozapps/skin/places/defaultFavicon@2x.png");
@ -2224,8 +2212,8 @@ toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
.tabbrowser-tab:not([pinned]):not([fadein]) {
transition: min-width 200ms ease-out /* copied from browser/base/content/browser.css */,
max-width 250ms ease-out /* copied from browser/base/content/browser.css */,
opacity 50ms ease-out 100ms /* hide the tab for the last 100ms of the max-width transition */;
max-width 230ms ease-out /* copied from browser/base/content/browser.css */,
opacity 50ms ease-out 80ms /* hide the tab for the last 100ms of the max-width transition */;
}
.tabbrowser-tab,
@ -2357,8 +2345,6 @@ toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
list-style-image: url("chrome://global/skin/icons/close.png");
-moz-appearance: none;
border: none !important;
padding: 0;
margin: 0;
background: none;
cursor: default;
-moz-image-region: rect(0, 16px, 16px, 0);

View File

@ -47,8 +47,48 @@
}
.tab-content {
-moz-padding-end: 10px;
-moz-padding-start: 10px;
-moz-padding-end: 9px;
-moz-padding-start: 9px;
}
.tab-throbber,
.tab-icon-image,
.tab-close-button {
margin-top: 1px;
}
.tab-throbber,
.tab-icon-image {
height: 16px;
width: 16px;
}
.tab-icon-image {
list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
}
.tab-throbber {
list-style-image: url("chrome://browser/skin/tabbrowser/connecting.png");
}
.tab-throbber[progress] {
list-style-image: url("chrome://browser/skin/tabbrowser/loading.png");
}
.tab-throbber:not([pinned]),
.tab-icon-image:not([pinned]) {
-moz-margin-end: 6px;
}
.tab-label {
-moz-margin-end: 0;
-moz-margin-start: 0;
}
.tab-close-button {
-moz-margin-start: 4px;
-moz-margin-end: -2px;
padding: 0;
}
.tab-background,
@ -204,16 +244,3 @@
clip-path: url(chrome://browser/content/browser.xul#tab-clip-path-outer);
width: 66px;
}
/* Tab icons */
.tab-throbber,
.tab-icon-image {
width: 16px;
height: 16px;
}
.tab-icon-image {
list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
}

View File

@ -1987,19 +1987,6 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-
text-shadow: 0 -0.5px 1.5px white;
}
.tab-throbber {
list-style-image: url("chrome://browser/skin/tabbrowser/connecting.png");
}
.tab-throbber[progress] {
list-style-image: url("chrome://browser/skin/tabbrowser/loading.png");
}
.tab-throbber:not([pinned]),
.tab-icon-image:not([pinned]) {
-moz-margin-end: 6px;
}
/* tabbrowser-tab focus ring */
.tabbrowser-tab:focus > .tab-stack > .tab-content > .tab-label {
outline: 1px dotted;
@ -2015,9 +2002,7 @@ richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-
.tab-close-button {
-moz-appearance: none;
-moz-image-region: rect(0, 16px, 16px, 0);
-moz-margin-start: 6px;
border: none;
padding: 0px;
list-style-image: url("chrome://global/skin/icons/close.png");
}