From dbb4047bb49e5ae44d1c2836d943953c6a53d7d8 Mon Sep 17 00:00:00 2001 From: Frank Yan Date: Fri, 25 Feb 2011 14:05:20 -0800 Subject: [PATCH 01/82] Ensure that statuspanel doesn't overflow and expand the browser window. --- skin/base.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/skin/base.css b/skin/base.css index 6fac7b4..07aa89c 100644 --- a/skin/base.css +++ b/skin/base.css @@ -3,6 +3,7 @@ /* Ensure the statuspanel doesn't overlap with the tabs toolbar */ statuspanel { position: relative !important; + display: block; } /* Style the scrollbox for vertical arrangements. */ @@ -29,19 +30,18 @@ statuspanel { visibility: collapse; } - /* No special treatment for app tabs (for now). */ .tabbrowser-tab[pinned] { - position: inherit; + position: inherit; } .tabbrowser-tab[pinned] > .tab-text { - display: inherit; + display: inherit; } /* Ensure the twisty image doesn't stretch. */ .verticaltabs-twisty-container { - -moz-box-pack: start; - -moz-box-align: center; + -moz-box-pack: start; + -moz-box-align: center; } /* Collapse/expand animation */ From e20a693c25b5505bdd5fedc128b0554bc0c9c8ad Mon Sep 17 00:00:00 2001 From: Frank Yan Date: Fri, 25 Feb 2011 14:16:03 -0800 Subject: [PATCH 02/82] Update tab close buttons on OS X. --- skin/osx/closetab-white.png | Bin 3129 -> 0 bytes skin/osx/closetab.png | Bin 3119 -> 0 bytes skin/osx/osx.css | 14 +++----------- 3 files changed, 3 insertions(+), 11 deletions(-) delete mode 100644 skin/osx/closetab-white.png delete mode 100644 skin/osx/closetab.png diff --git a/skin/osx/closetab-white.png b/skin/osx/closetab-white.png deleted file mode 100644 index 01a7fca62629bbbde9ae807cef88d660b4d79f25..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 3129 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 JPDHLkV1lIR=B)q# diff --git a/skin/osx/osx.css b/skin/osx/osx.css index 3ce59e1..1969bf7 100644 --- a/skin/osx/osx.css +++ b/skin/osx/osx.css @@ -78,17 +78,8 @@ margin-left: 3px; } -.tab-close-button image { - list-style-image: url("chrome://verticaltabs/skin/osx/closetab.png"); - opacity: 0.27; /* turn black into #b9b9b9 */ -} -.tab-close-button:active image { - opacity: 0.46; /* turn black into #8a8a8a */ -} -.tabbrowser-tab[selected="true"] .tab-close-button image, -.tabbrowser-tab[multiselect="true"] .tab-close-button image { - list-style-image: url("chrome://verticaltabs/skin/osx/closetab-white.png"); - opacity: 1; +.tabbrowser-tab[selected="true"] .tab-close-button { + list-style-image: url("chrome://global/skin/notification/close.png"); } .tabbrowser-tab:not(:hover):not([selected="true"]) .tab-close-button { @@ -160,6 +151,7 @@ } .tabbrowser-tab[verticaltabs-group] { + padding-top: 1px !important; } .tabbrowser-tab[verticaltabs-group] .tab-close-button { From 74adc7eafb000448cd9529dcd95df2a07cf05dc7 Mon Sep 17 00:00:00 2001 From: Frank Yan Date: Fri, 25 Feb 2011 14:35:51 -0800 Subject: [PATCH 03/82] Revert "Update tab close buttons on OS X." This reverts commit e20a693c25b5505bdd5fedc128b0554bc0c9c8ad. --- skin/osx/closetab-white.png | Bin 0 -> 3129 bytes skin/osx/closetab.png | Bin 0 -> 3119 bytes skin/osx/osx.css | 14 +++++++++++--- 3 files changed, 11 insertions(+), 3 deletions(-) create mode 100644 skin/osx/closetab-white.png create mode 100644 skin/osx/closetab.png diff --git a/skin/osx/closetab-white.png b/skin/osx/closetab-white.png new file mode 100644 index 0000000000000000000000000000000000000000..01a7fca62629bbbde9ae807cef88d660b4d79f25 GIT binary patch literal 3129 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 JPDHLkV1lIR=B)q# literal 0 HcmV?d00001 diff --git a/skin/osx/osx.css b/skin/osx/osx.css index 1969bf7..3ce59e1 100644 --- a/skin/osx/osx.css +++ b/skin/osx/osx.css @@ -78,8 +78,17 @@ margin-left: 3px; } -.tabbrowser-tab[selected="true"] .tab-close-button { - list-style-image: url("chrome://global/skin/notification/close.png"); +.tab-close-button image { + list-style-image: url("chrome://verticaltabs/skin/osx/closetab.png"); + opacity: 0.27; /* turn black into #b9b9b9 */ +} +.tab-close-button:active image { + opacity: 0.46; /* turn black into #8a8a8a */ +} +.tabbrowser-tab[selected="true"] .tab-close-button image, +.tabbrowser-tab[multiselect="true"] .tab-close-button image { + list-style-image: url("chrome://verticaltabs/skin/osx/closetab-white.png"); + opacity: 1; } .tabbrowser-tab:not(:hover):not([selected="true"]) .tab-close-button { @@ -151,7 +160,6 @@ } .tabbrowser-tab[verticaltabs-group] { - padding-top: 1px !important; } .tabbrowser-tab[verticaltabs-group] .tab-close-button { From 9f6f581ca2b3444ca7af7b94762335db6af94245 Mon Sep 17 00:00:00 2001 From: Frank Yan Date: Fri, 25 Feb 2011 15:04:26 -0800 Subject: [PATCH 04/82] Accomodate recent theme changes on Windows and OS X. --- skin/osx/osx.css | 27 +++++++++++++-------------- skin/win7/win7.css | 12 +++++++++--- 2 files changed, 22 insertions(+), 17 deletions(-) diff --git a/skin/osx/osx.css b/skin/osx/osx.css index 3ce59e1..73b2ffe 100644 --- a/skin/osx/osx.css +++ b/skin/osx/osx.css @@ -13,8 +13,8 @@ } .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox { - margin: 0 !important; - padding: 0 !important; + margin: 0 !important; + padding: 0 !important; } /* Use the splitter to display the border of .tabbrowser-tabs */ @@ -63,30 +63,28 @@ } .tab-background-start, .tab-background-middle, .tab-background-end { - background-color: transparent !important; + background-color: transparent !important; } .tab-content { - margin-top: -1px !important; - border-width: 0 3px 0 0 !important; - -moz-border-image: none !important; + margin-top: -1px !important; + border-width: 0 3px 0 0 !important; + -moz-border-image: none !important; } /* Keep the close button at a safe distance from the tab label. */ .tab-close-button { + -moz-image-region: auto !important; display: -moz-box; margin-left: 3px; -} - -.tab-close-button image { list-style-image: url("chrome://verticaltabs/skin/osx/closetab.png"); opacity: 0.27; /* turn black into #b9b9b9 */ } -.tab-close-button:active image { +.tab-close-button:active { opacity: 0.46; /* turn black into #8a8a8a */ } -.tabbrowser-tab[selected="true"] .tab-close-button image, -.tabbrowser-tab[multiselect="true"] .tab-close-button image { +.tabbrowser-tab[selected="true"] .tab-close-button, +.tabbrowser-tab[multiselect="true"] .tab-close-button { list-style-image: url("chrome://verticaltabs/skin/osx/closetab-white.png"); opacity: 1; } @@ -96,7 +94,7 @@ } /* Always display the favicon at 100% opacity */ -.tabbrowser-tab:not(:hover):not([selected="true"]) .tab-icon-image { +.tabbrowser-tab .tab-icon-image { opacity: 1.0 !important; } @@ -149,7 +147,7 @@ #tabbrowser-tabs[tabsontop="false"] > .tabbrowser-tab:-moz-lwtheme-darktext:not([selected="true"]), #tabbrowser-tabs[tabsontop="false"] > .tabbrowser-tab:-moz-lwtheme-brighttext:not([selected="true"]) { - box-shadow: none; + box-shadow: none; } @@ -160,6 +158,7 @@ } .tabbrowser-tab[verticaltabs-group] { + padding-top: 1px !important; } .tabbrowser-tab[verticaltabs-group] .tab-close-button { diff --git a/skin/win7/win7.css b/skin/win7/win7.css index 28027a4..0d32ed7 100644 --- a/skin/win7/win7.css +++ b/skin/win7/win7.css @@ -114,16 +114,22 @@ } +/* Ensure that content area has a top border */ +#navigator-toolbox::after { + visibility: visible !important; +} + + /* Addon bar styling */ #main-window[sizemode=normal] #browser-bottombox:not(:-moz-lwtheme), #main-window[sizemode=normal] #addon-bar:not(:-moz-lwtheme) { - border-bottom-left-radius: 0 !important; - border-bottom-right-radius: 4px !important; + border-bottom-left-radius: 0 !important; + border-bottom-right-radius: 4px !important; } #appcontent { - border-bottom-right-radius: 4px !important; + border-bottom-right-radius: 4px !important; } From 9d057250e761264585690e1705879c89e40de0d6 Mon Sep 17 00:00:00 2001 From: Philipp von Weitershausen Date: Fri, 25 Feb 2011 15:49:40 -0800 Subject: [PATCH 05/82] Prepare 0.7.3 release --- install.rdf | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/install.rdf b/install.rdf index 32261ff..4ca6323 100644 --- a/install.rdf +++ b/install.rdf @@ -4,11 +4,12 @@ verticaltabs@philikon.de 2 Vertical Tabs - 0.8pre + 0.7.3 https://addons.mozilla.org/firefox/addon/108862/ Philipp von Weitershausen SHIMODA Hiroshi (creator of Tree Style Tab) bb10 (Linux and Windows theme contributions) + Frank Yan (various theming fixes) {ec8030f7-c20a-464f-9b0e-13a3a9e97384} From 706f1b0b02ff1722d493cb9b0da1411ee488f8e2 Mon Sep 17 00:00:00 2001 From: Philipp von Weitershausen Date: Fri, 25 Feb 2011 15:50:27 -0800 Subject: [PATCH 06/82] Bump version number after release --- install.rdf | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/install.rdf b/install.rdf index 4ca6323..5e1f907 100644 --- a/install.rdf +++ b/install.rdf @@ -4,7 +4,7 @@ verticaltabs@philikon.de 2 Vertical Tabs - 0.7.3 + 0.8pre https://addons.mozilla.org/firefox/addon/108862/ Philipp von Weitershausen SHIMODA Hiroshi (creator of Tree Style Tab) From 14cb09ec0a5d050c3ceda5f9f54db87f801d427e Mon Sep 17 00:00:00 2001 From: Frank Yan Date: Fri, 25 Feb 2011 16:06:25 -0800 Subject: [PATCH 07/82] Fix statuspanel, especially its right-aligned state. --- skin/base.css | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/skin/base.css b/skin/base.css index 07aa89c..b22ae0a 100644 --- a/skin/base.css +++ b/skin/base.css @@ -1,11 +1,22 @@ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* Ensure the statuspanel doesn't overlap with the tabs toolbar */ -statuspanel { +statuspanel[mirror] { + pointer-events: none; +} + +statuspanel:-moz-locale-dir(rtl)[mirror], +statuspanel:-moz-locale-dir(ltr):not([mirror]) { position: relative !important; display: block; } +statuspanel:-moz-locale-dir(rtl)[mirror] .statuspanel-inner, +statuspanel:-moz-locale-dir(ltr):not([mirror]) .statuspanel-inner { + width: auto; + max-width: 50%; +} + /* Style the scrollbox for vertical arrangements. */ .tabbrowser-arrowscrollbox > scrollbox { overflow-x: hidden !important; From 0980e85ec1fc9b590e9c4f5fe3a98c3418079e3b Mon Sep 17 00:00:00 2001 From: Philipp von Weitershausen Date: Sat, 26 Feb 2011 00:44:52 -0800 Subject: [PATCH 08/82] Prepare 0.7.4 release --- install.rdf | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/install.rdf b/install.rdf index 5e1f907..6bc6684 100644 --- a/install.rdf +++ b/install.rdf @@ -4,7 +4,7 @@ verticaltabs@philikon.de 2 Vertical Tabs - 0.8pre + 0.7.4 https://addons.mozilla.org/firefox/addon/108862/ Philipp von Weitershausen SHIMODA Hiroshi (creator of Tree Style Tab) From 786ce5487a20ba9143fdb4159bb46154d6ebf8f5 Mon Sep 17 00:00:00 2001 From: Philipp von Weitershausen Date: Sat, 26 Feb 2011 00:45:32 -0800 Subject: [PATCH 09/82] Bump version number after release --- install.rdf | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/install.rdf b/install.rdf index 6bc6684..5e1f907 100644 --- a/install.rdf +++ b/install.rdf @@ -4,7 +4,7 @@ verticaltabs@philikon.de 2 Vertical Tabs - 0.7.4 + 0.8pre https://addons.mozilla.org/firefox/addon/108862/ Philipp von Weitershausen SHIMODA Hiroshi (creator of Tree Style Tab) From 0f9d35d4821ebabf5734d02d5761145682415595 Mon Sep 17 00:00:00 2001 From: bb10 Date: Sat, 5 Mar 2011 12:09:15 -0800 Subject: [PATCH 10/82] Adjust Tabs Toolbar and addon-bar height. --- skin/win7/win7.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/skin/win7/win7.css b/skin/win7/win7.css index 0d32ed7..7591c4f 100644 --- a/skin/win7/win7.css +++ b/skin/win7/win7.css @@ -103,10 +103,16 @@ /* Tab toolbar styling */ #TabsToolbar:not(:-moz-lwtheme) { + height: 23px; margin-bottom: 1px; -moz-box-shadow: ThreeDLightShadow 0px 0px 45px 0px inset; } +/* make addonbar the same height */ +#addon-bar { + height: 23px; +} + #verticaltabs-groupbutton { /* TODO need icon to symbolize tab group */ list-style-image: url("chrome://browser/skin/Toolbar.png"); From 97e1ffad40340abcd9e0a1661a5e5b65bab244c5 Mon Sep 17 00:00:00 2001 From: bb10 Date: Sat, 5 Mar 2011 16:32:53 -0800 Subject: [PATCH 11/82] Native tooltip look + drop shadow for links. --- skin/win7/win7.css | 35 +++++++++++++++++++++++++++++++++++ 1 file changed, 35 insertions(+) diff --git a/skin/win7/win7.css b/skin/win7/win7.css index 7591c4f..e05e103 100644 --- a/skin/win7/win7.css +++ b/skin/win7/win7.css @@ -192,3 +192,38 @@ .tabbrowser-tab[verticaltabs-collapsed="true"] .verticaltabs-twisty { list-style-image: url("chrome://verticaltabs/skin/win7/twisty-collapsed.png"); } + + +/*** Link display ***/ + +.statuspanel-label { + -moz-appearance: tooltip !important; + margin-right: 0px !important; + margin-left: 0px !important; + box-shadow: 8px 3px 0 rgba(0,0,0,.18) !important; /* would otherwise display a transparent pixel on the tooltip's corner */ +} + +.statuspanel-inner { + height: 100% !important; +} + +#main-window[sizemode="normal"]:not([inFullscreen="true"]) .statuspanel-inner { + padding-left: 0px !important; + padding-right: 0px !important; +} + +statuspanel[mirror]:-moz-locale-dir(ltr) .statuspanel-inner, +statuspanel[mirror]:-moz-locale-dir(rtl) .statuspanel-inner { + margin: 8px 6px 0px -6px !important; + box-shadow: 5px 5px 0 -4px rgba(0,0,0,.18), 5px 5px 0 -3px rgba(0,0,0,.15), 5px 5px 0 -2px rgba(0,0,0,.12), 5px 5px 0 -1px rgba(0,0,0,.09) !important; + padding: 0px 0px !important; + border-radius: 5.8px !important; +} + +statuspanel:-moz-locale-dir(ltr):not([mirror]) .statuspanel-inner, +statuspanel:-moz-locale-dir(rtl):not([mirror]) .statuspanel-inner { + margin: 8px 0px 5px 4px !important; + box-shadow: 5px 5px 0 -4px rgba(0,0,0,.18), 5px 5px 0 -3px rgba(0,0,0,.15), 5px 5px 0 -2px rgba(0,0,0,.12), 5px 5px 0 -1px rgba(0,0,0,.09) !important; + padding: 0px 0px !important; + border-radius: 5.8px !important; +} From d9b4f08fa638fe9bc22ffa3ad0141a978ece1454 Mon Sep 17 00:00:00 2001 From: bb10 Date: Sat, 5 Mar 2011 16:36:55 -0800 Subject: [PATCH 12/82] cosmetic changes --- skin/win7/win7.css | 33 ++++++++++++++++----------------- 1 file changed, 16 insertions(+), 17 deletions(-) diff --git a/skin/win7/win7.css b/skin/win7/win7.css index e05e103..a31d9f3 100644 --- a/skin/win7/win7.css +++ b/skin/win7/win7.css @@ -108,9 +108,8 @@ -moz-box-shadow: ThreeDLightShadow 0px 0px 45px 0px inset; } -/* make addonbar the same height */ #addon-bar { - height: 23px; + height: 23px; /* make addonbar the same height */ } #verticaltabs-groupbutton { @@ -197,33 +196,33 @@ /*** Link display ***/ .statuspanel-label { - -moz-appearance: tooltip !important; - margin-right: 0px !important; - margin-left: 0px !important; - box-shadow: 8px 3px 0 rgba(0,0,0,.18) !important; /* would otherwise display a transparent pixel on the tooltip's corner */ + -moz-appearance: tooltip !important; + margin-right: 0px !important; + margin-left: 0px !important; + box-shadow: 8px 3px 0 rgba(0,0,0,.18) !important; /* would otherwise display a transparent pixel on the tooltip's corner */ } .statuspanel-inner { - height: 100% !important; + height: 100% !important; } #main-window[sizemode="normal"]:not([inFullscreen="true"]) .statuspanel-inner { - padding-left: 0px !important; - padding-right: 0px !important; + padding-left: 0px !important; + padding-right: 0px !important; } statuspanel[mirror]:-moz-locale-dir(ltr) .statuspanel-inner, statuspanel[mirror]:-moz-locale-dir(rtl) .statuspanel-inner { - margin: 8px 6px 0px -6px !important; - box-shadow: 5px 5px 0 -4px rgba(0,0,0,.18), 5px 5px 0 -3px rgba(0,0,0,.15), 5px 5px 0 -2px rgba(0,0,0,.12), 5px 5px 0 -1px rgba(0,0,0,.09) !important; - padding: 0px 0px !important; - border-radius: 5.8px !important; + margin: 8px 6px 0px -6px !important; + box-shadow: 5px 5px 0 -4px rgba(0,0,0,.18), 5px 5px 0 -3px rgba(0,0,0,.15), 5px 5px 0 -2px rgba(0,0,0,.12), 5px 5px 0 -1px rgba(0,0,0,.09) !important; + padding: 0px 0px !important; + border-radius: 5.8px !important; } statuspanel:-moz-locale-dir(ltr):not([mirror]) .statuspanel-inner, statuspanel:-moz-locale-dir(rtl):not([mirror]) .statuspanel-inner { - margin: 8px 0px 5px 4px !important; - box-shadow: 5px 5px 0 -4px rgba(0,0,0,.18), 5px 5px 0 -3px rgba(0,0,0,.15), 5px 5px 0 -2px rgba(0,0,0,.12), 5px 5px 0 -1px rgba(0,0,0,.09) !important; - padding: 0px 0px !important; - border-radius: 5.8px !important; + margin: 8px 0px 5px 4px !important; + box-shadow: 5px 5px 0 -4px rgba(0,0,0,.18), 5px 5px 0 -3px rgba(0,0,0,.15), 5px 5px 0 -2px rgba(0,0,0,.12), 5px 5px 0 -1px rgba(0,0,0,.09) !important; + padding: 0px 0px !important; + border-radius: 5.8px !important; } From 541e3efe08cf34e797c692d9ddce88a99acd5046 Mon Sep 17 00:00:00 2001 From: bb10 Date: Sat, 5 Mar 2011 19:02:05 -0800 Subject: [PATCH 13/82] fix bottom of splitter --- skin/win7/win7.css | 14 ++++++++++++-- 1 file changed, 12 insertions(+), 2 deletions(-) diff --git a/skin/win7/win7.css b/skin/win7/win7.css index a31d9f3..352dd78 100644 --- a/skin/win7/win7.css +++ b/skin/win7/win7.css @@ -3,12 +3,12 @@ #verticaltabs-splitter { min-width: 3px !important; border-top: none !important; - border-bottom: none !important; + border-bottom: 1px solid -moz-dialog !important; border-left: none !important; border-right: 3px solid !important; -moz-border-right-colors: #fcfcfc #d6e5f5 !important; background-color: #fcfcfc !important; - margin: 0 0 1px 0 !important; + margin: 0 0 0 0 !important; } .tabbrowser-tabs { @@ -226,3 +226,13 @@ statuspanel:-moz-locale-dir(rtl):not([mirror]) .statuspanel-inner { padding: 0px 0px !important; border-radius: 5.8px !important; } + + +/*** aero window inner border ***/ + +#main-window[sizemode="normal"] #browser-bottombox:not(:-moz-lwtheme), #main-window[sizemode="normal"] #addon-bar:not(:-moz-lwtheme) { + margin: 0 0 0 -3px !important; + border-width: 1px !important; + border-color: rgba(26,26,26,.4) !important; +} + From d954975b7c32791129971e57f4f7de9215365533 Mon Sep 17 00:00:00 2001 From: bb10 Date: Sun, 6 Mar 2011 00:33:34 -0800 Subject: [PATCH 14/82] Removed border and splitter hack. Added proper window border, addonbar look for the tab toolbar, proper splitter. Cosmetic changes. --- skin/win7/win7.css | 55 +++++++++++++++++++++++++--------------------- 1 file changed, 30 insertions(+), 25 deletions(-) diff --git a/skin/win7/win7.css b/skin/win7/win7.css index 352dd78..df38249 100644 --- a/skin/win7/win7.css +++ b/skin/win7/win7.css @@ -2,13 +2,17 @@ #verticaltabs-splitter { min-width: 3px !important; + width: 3px !important; border-top: none !important; - border-bottom: 1px solid -moz-dialog !important; - border-left: none !important; - border-right: 3px solid !important; - -moz-border-right-colors: #fcfcfc #d6e5f5 !important; - background-color: #fcfcfc !important; - margin: 0 0 0 0 !important; + border-bottom: none !important; + border-left: 1px solid #fcfcfc !important; + border-right: 1px solid #fcfcfc !important; + background-color: #d6e5f5 !important; + margin: 0 0 24px 0 !important; + -moz-border-top-colors: none !important; + -moz-border-left-colors: none !important; + -moz-border-right-colors: none !important; + -moz-border-bottom-colors: none !important; } .tabbrowser-tabs { @@ -100,16 +104,18 @@ } -/* Tab toolbar styling */ +/*** Tab toolbar styling ***/ #TabsToolbar:not(:-moz-lwtheme) { - height: 23px; - margin-bottom: 1px; - -moz-box-shadow: ThreeDLightShadow 0px 0px 45px 0px inset; -} - -#addon-bar { - height: 23px; /* make addonbar the same height */ + height: 24px; + margin: 0 -3px 0 0 !important; + -moz-appearance: none !important; + border-top: 1px solid rgb(160,160,160) !important; + border-bottom: 1px solid rgb(154,154,154) !important; + border-right: 2px solid !important; + -moz-border-right-colors: #fcfcfc rgb(154,154,154) !important; + background-color: rgb(207,219,236) !important; + background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)) !important; } #verticaltabs-groupbutton { @@ -125,7 +131,16 @@ } -/* Addon bar styling */ +/*** Addon bar styling ***/ + +#addon-bar { + height: 23px; /* make addonbar the same height as tab toolbar*/ +} + +#browser-bottombox { + border-left: none !important; /* remove extra line between addon bar and tab toolbar */ + margin-left: -1px !important; +} #main-window[sizemode=normal] #browser-bottombox:not(:-moz-lwtheme), #main-window[sizemode=normal] #addon-bar:not(:-moz-lwtheme) { @@ -226,13 +241,3 @@ statuspanel:-moz-locale-dir(rtl):not([mirror]) .statuspanel-inner { padding: 0px 0px !important; border-radius: 5.8px !important; } - - -/*** aero window inner border ***/ - -#main-window[sizemode="normal"] #browser-bottombox:not(:-moz-lwtheme), #main-window[sizemode="normal"] #addon-bar:not(:-moz-lwtheme) { - margin: 0 0 0 -3px !important; - border-width: 1px !important; - border-color: rgba(26,26,26,.4) !important; -} - From 77c0afc0b540cc31c20c16314ea5b61c10350676 Mon Sep 17 00:00:00 2001 From: bb10 Date: Sun, 6 Mar 2011 00:42:25 -0800 Subject: [PATCH 15/82] Added left border and border radius to Tab toolbar style. --- skin/win7/win7.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/skin/win7/win7.css b/skin/win7/win7.css index df38249..b07a654 100644 --- a/skin/win7/win7.css +++ b/skin/win7/win7.css @@ -114,6 +114,8 @@ border-bottom: 1px solid rgb(154,154,154) !important; border-right: 2px solid !important; -moz-border-right-colors: #fcfcfc rgb(154,154,154) !important; + border-left: 1px solid rgb(154,154,154) !important; + border-bottom-left-radius: 4px !important; background-color: rgb(207,219,236) !important; background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)) !important; } From 65a516daa938e8818bd77170a3803f4965019500 Mon Sep 17 00:00:00 2001 From: bb10 Date: Sun, 6 Mar 2011 09:03:33 -0800 Subject: [PATCH 16/82] Better margins and padding for link display. --- skin/win7/win7.css | 20 +++++++++++++++++--- 1 file changed, 17 insertions(+), 3 deletions(-) diff --git a/skin/win7/win7.css b/skin/win7/win7.css index b07a654..7d1803e 100644 --- a/skin/win7/win7.css +++ b/skin/win7/win7.css @@ -228,9 +228,21 @@ padding-right: 0px !important; } +statuspanel[mirror]:-moz-locale-dir(ltr), +statuspanel[mirror]:-moz-locale-dir(rtl) { + padding: 0px 6px 0px 0px !important; +} + +statuspanel:-moz-locale-dir(ltr):not([mirror]), +statuspanel:-moz-locale-dir(rtl):not([mirror]) { + padding: 0px 0px 0px 4px !important; +} + statuspanel[mirror]:-moz-locale-dir(ltr) .statuspanel-inner, statuspanel[mirror]:-moz-locale-dir(rtl) .statuspanel-inner { - margin: 8px 6px 0px -6px !important; + margin-top: 8px !important; + margin-bottom: 5px !important; + margin-left: -6px !important; box-shadow: 5px 5px 0 -4px rgba(0,0,0,.18), 5px 5px 0 -3px rgba(0,0,0,.15), 5px 5px 0 -2px rgba(0,0,0,.12), 5px 5px 0 -1px rgba(0,0,0,.09) !important; padding: 0px 0px !important; border-radius: 5.8px !important; @@ -238,8 +250,10 @@ statuspanel[mirror]:-moz-locale-dir(rtl) .statuspanel-inner { statuspanel:-moz-locale-dir(ltr):not([mirror]) .statuspanel-inner, statuspanel:-moz-locale-dir(rtl):not([mirror]) .statuspanel-inner { - margin: 8px 0px 5px 4px !important; + margin-top: 8px !important; + margin-bottom: 5px !important; + margin-left: 4px !important; box-shadow: 5px 5px 0 -4px rgba(0,0,0,.18), 5px 5px 0 -3px rgba(0,0,0,.15), 5px 5px 0 -2px rgba(0,0,0,.12), 5px 5px 0 -1px rgba(0,0,0,.09) !important; padding: 0px 0px !important; border-radius: 5.8px !important; -} +} \ No newline at end of file From 05fc59fb7662d37dece1132875b3e3f5bb7e4f04 Mon Sep 17 00:00:00 2001 From: bb10 Date: Sun, 6 Mar 2011 09:37:42 -0800 Subject: [PATCH 17/82] More margin adjustments for link display. --- skin/win7/win7.css | 2 -- 1 file changed, 2 deletions(-) diff --git a/skin/win7/win7.css b/skin/win7/win7.css index 7d1803e..c06f997 100644 --- a/skin/win7/win7.css +++ b/skin/win7/win7.css @@ -242,7 +242,6 @@ statuspanel[mirror]:-moz-locale-dir(ltr) .statuspanel-inner, statuspanel[mirror]:-moz-locale-dir(rtl) .statuspanel-inner { margin-top: 8px !important; margin-bottom: 5px !important; - margin-left: -6px !important; box-shadow: 5px 5px 0 -4px rgba(0,0,0,.18), 5px 5px 0 -3px rgba(0,0,0,.15), 5px 5px 0 -2px rgba(0,0,0,.12), 5px 5px 0 -1px rgba(0,0,0,.09) !important; padding: 0px 0px !important; border-radius: 5.8px !important; @@ -252,7 +251,6 @@ statuspanel:-moz-locale-dir(ltr):not([mirror]) .statuspanel-inner, statuspanel:-moz-locale-dir(rtl):not([mirror]) .statuspanel-inner { margin-top: 8px !important; margin-bottom: 5px !important; - margin-left: 4px !important; box-shadow: 5px 5px 0 -4px rgba(0,0,0,.18), 5px 5px 0 -3px rgba(0,0,0,.15), 5px 5px 0 -2px rgba(0,0,0,.12), 5px 5px 0 -1px rgba(0,0,0,.09) !important; padding: 0px 0px !important; border-radius: 5.8px !important; From b3f2fc3b53aead0eeed660ef0ec7828c4100d3ca Mon Sep 17 00:00:00 2001 From: Philipp von Weitershausen Date: Mon, 14 Mar 2011 22:50:58 -0700 Subject: [PATCH 18/82] Fix styling with Persona --- skin/osx/osx.css | 10 +++++++--- skin/win7/win7.css | 5 +++++ 2 files changed, 12 insertions(+), 3 deletions(-) diff --git a/skin/osx/osx.css b/skin/osx/osx.css index 73b2ffe..43ba7e3 100644 --- a/skin/osx/osx.css +++ b/skin/osx/osx.css @@ -145,9 +145,13 @@ /* Personas */ -#tabbrowser-tabs[tabsontop="false"] > .tabbrowser-tab:-moz-lwtheme-darktext:not([selected="true"]), -#tabbrowser-tabs[tabsontop="false"] > .tabbrowser-tab:-moz-lwtheme-brighttext:not([selected="true"]) { - box-shadow: none; +.tabbrowser-tab > .tab-stack > .tab-background > .tab-background-start:-moz-lwtheme-brighttext:not([selected="true"]), +.tabbrowser-tab > .tab-stack > .tab-background > .tab-background-middle:-moz-lwtheme-brighttext:not([selected="true"]), +.tabbrowser-tab > .tab-stack > .tab-background > .tab-background-end:-moz-lwtheme-brighttext:not([selected="true"]), +.tabbrowser-tab > .tab-stack > .tab-background > .tab-background-start:-moz-lwtheme-darktext:not([selected="true"]), +.tabbrowser-tab > .tab-stack > .tab-background > .tab-background-middle:-moz-lwtheme-darktext:not([selected="true"]), +.tabbrowser-tab > .tab-stack > .tab-background > .tab-background-end:-moz-lwtheme-darktext:not([selected="true"]) { + background-image: none !important; } diff --git a/skin/win7/win7.css b/skin/win7/win7.css index 0d32ed7..d662237 100644 --- a/skin/win7/win7.css +++ b/skin/win7/win7.css @@ -70,6 +70,11 @@ padding: 0 0 0 3px !important; } +.tabbrowser-tab:-moz-lwtheme { + color: black; + text-shadow: none; +} + /* Turn mouse cursor into a pointy hand. This seems to be the standard for link lists like these. */ .tabbrowser-tab, From 0e548b8ff8bd05b5c190f61a7203bcbf8d2d7574 Mon Sep 17 00:00:00 2001 From: Philipp von Weitershausen Date: Mon, 14 Mar 2011 23:03:06 -0700 Subject: [PATCH 19/82] Allow tabs to be placed on the right, using a l33t haxx0r pref. --- content/verticaltabs.js | 3 +++ defaults/preferences/prefs.js | 1 + 2 files changed, 4 insertions(+) diff --git a/content/verticaltabs.js b/content/verticaltabs.js index 4cc3d8d..4dbc90b 100644 --- a/content/verticaltabs.js +++ b/content/verticaltabs.js @@ -23,6 +23,9 @@ var VerticalTabs = { // Move the tabs next to the app content, make them vertical, // and restore their width from previous session let leftbox = document.getElementById("verticaltabs-box"); + if (Services.prefs.getBoolPref("extensions.verticaltabs.right")) { + leftbox.parentNode.dir = "reverse"; + } let tabs = document.getElementById("tabbrowser-tabs"); leftbox.insertBefore(tabs, leftbox.firstChild); tabs.orient = "vertical"; diff --git a/defaults/preferences/prefs.js b/defaults/preferences/prefs.js index 80dfef2..81c7e83 100644 --- a/defaults/preferences/prefs.js +++ b/defaults/preferences/prefs.js @@ -1,4 +1,5 @@ pref("extensions.verticaltabs.width", 250); +pref("extensions.verticaltabs.right", false); pref("browser.allTabs.previews", true); // https://developer.mozilla.org/en/Localizing_extension_descriptions From 7fdde68351f9f29c4822f038608cc4695c5442dc Mon Sep 17 00:00:00 2001 From: bb10 Date: Tue, 15 Mar 2011 13:07:17 -0700 Subject: [PATCH 20/82] Fixes to make the toolbar and splitter fullscreen friendly. Also fixes for the toolbar in windowed mode. --- skin/win7/win7.css | 24 +++++++++++++++++++----- 1 file changed, 19 insertions(+), 5 deletions(-) diff --git a/skin/win7/win7.css b/skin/win7/win7.css index c06f997..e65f770 100644 --- a/skin/win7/win7.css +++ b/skin/win7/win7.css @@ -1,6 +1,6 @@ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); -#verticaltabs-splitter { +#main-window[sizemode=normal] #verticaltabs-splitter { min-width: 3px !important; width: 3px !important; border-top: none !important; @@ -15,6 +15,10 @@ -moz-border-bottom-colors: none !important; } +#verticaltabs-splitter { + margin: 0 0 23px 0 !important; +} + .tabbrowser-tabs { margin: 0 !important; padding: 1px 0px 1px 1px !important; @@ -106,20 +110,30 @@ /*** Tab toolbar styling ***/ +#browser-border-start { +margin-bottom: 23px !important; +} + #TabsToolbar:not(:-moz-lwtheme) { height: 24px; - margin: 0 -3px 0 0 !important; + margin: 0 -3px -1px 0px !important; + border-bottom-left-radius: 0px !important; + box-shadow: none !important; -moz-appearance: none !important; border-top: 1px solid rgb(160,160,160) !important; - border-bottom: 1px solid rgb(154,154,154) !important; border-right: 2px solid !important; -moz-border-right-colors: #fcfcfc rgb(154,154,154) !important; - border-left: 1px solid rgb(154,154,154) !important; - border-bottom-left-radius: 4px !important; background-color: rgb(207,219,236) !important; background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)) !important; } +#main-window[sizemode=normal] #TabsToolbar:not(:-moz-lwtheme) { + margin: 0 -3px 0 -1px !important; + border-bottom: 1px solid rgb(154,154,154) !important; + border-left: 1px solid rgb(154,154,154) !important; + border-bottom-left-radius: 4px !important; +} + #verticaltabs-groupbutton { /* TODO need icon to symbolize tab group */ list-style-image: url("chrome://browser/skin/Toolbar.png"); From 00842d4005caa0303294d773fb778a8b6c5c8e21 Mon Sep 17 00:00:00 2001 From: bb10 Date: Tue, 15 Mar 2011 13:12:19 -0700 Subject: [PATCH 21/82] Fixed small regression in previous commit. --- skin/win7/win7.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/skin/win7/win7.css b/skin/win7/win7.css index e65f770..80c671c 100644 --- a/skin/win7/win7.css +++ b/skin/win7/win7.css @@ -1,6 +1,6 @@ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); -#main-window[sizemode=normal] #verticaltabs-splitter { +#verticaltabs-splitter { min-width: 3px !important; width: 3px !important; border-top: none !important; @@ -8,15 +8,15 @@ border-left: 1px solid #fcfcfc !important; border-right: 1px solid #fcfcfc !important; background-color: #d6e5f5 !important; - margin: 0 0 24px 0 !important; + margin: 0 0 23px 0 !important; -moz-border-top-colors: none !important; -moz-border-left-colors: none !important; -moz-border-right-colors: none !important; -moz-border-bottom-colors: none !important; } -#verticaltabs-splitter { - margin: 0 0 23px 0 !important; +#main-window[sizemode=normal] #verticaltabs-splitter { + margin: 0 0 24px 0 !important; } .tabbrowser-tabs { From 770810ecc7b6b9701674a0de0cabe4c979209b2b Mon Sep 17 00:00:00 2001 From: bb10 Date: Sat, 19 Mar 2011 07:40:16 -0700 Subject: [PATCH 22/82] Added adjustments for link display on linux. --- skin/linux/linux.css | 46 ++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 46 insertions(+) diff --git a/skin/linux/linux.css b/skin/linux/linux.css index 0d258d1..455bb28 100644 --- a/skin/linux/linux.css +++ b/skin/linux/linux.css @@ -126,3 +126,49 @@ .tabbrowser-tab[verticaltabs-collapsed="true"] .verticaltabs-twisty { -moz-appearance: treetwistyopen !important; } + +/*** Link Display ***/ + +.statuspanel-label { + -moz-appearance: tooltip !important; + margin-right: 0px !important; + margin-left: 0px !important; + box-shadow: 8px 3px 0 rgba(0,0,0,.18) !important; /* would otherwise display a transparent pixel on the tooltip's corner */ +} + +.statuspanel-inner { + height: 100% !important; +} + +#main-window[sizemode="normal"]:not([inFullscreen="true"]) .statuspanel-inner { + padding-left: 0px !important; + padding-right: 0px !important; +} + +statuspanel[mirror]:-moz-locale-dir(ltr), +statuspanel[mirror]:-moz-locale-dir(rtl) { + padding: 6px 6px 0px 0px !important; +} + +statuspanel:-moz-locale-dir(ltr):not([mirror]), +statuspanel:-moz-locale-dir(rtl):not([mirror]) { + padding: 0px 0px 0px 4px !important; +} + +statuspanel[mirror]:-moz-locale-dir(ltr) .statuspanel-inner, +statuspanel[mirror]:-moz-locale-dir(rtl) .statuspanel-inner { + margin-top: 8px !important; + margin-bottom: 10px !important; + box-shadow: 5px 5px 0 -4px rgba(0,0,0,.18), 5px 5px 0 -3px rgba(0,0,0,.15), 5px 5px 0 -2px rgba(0,0,0,.12), 5px 5px 0 -1px rgba(0,0,0,.09) !important; + padding: 0px 0px !important; + border-radius: 4px !important; +} + +statuspanel:-moz-locale-dir(ltr):not([mirror]) .statuspanel-inner, +statuspanel:-moz-locale-dir(rtl):not([mirror]) .statuspanel-inner { + margin-top: 14px !important; + margin-bottom: 5px !important; + box-shadow: 5px 5px 0 -4px rgba(0,0,0,.18), 5px 5px 0 -3px rgba(0,0,0,.15), 5px 5px 0 -2px rgba(0,0,0,.12), 5px 5px 0 -1px rgba(0,0,0,.09) !important; + padding: 0px 0px !important; + border-radius: 4px !important; +} \ No newline at end of file From cb67e852ab78ca493e1387599b07dd251a8c5d3c Mon Sep 17 00:00:00 2001 From: Philipp von Weitershausen Date: Fri, 25 Mar 2011 12:15:13 -0700 Subject: [PATCH 23/82] Bump compatibility --- install.rdf | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/install.rdf b/install.rdf index 5e1f907..921ec2d 100644 --- a/install.rdf +++ b/install.rdf @@ -13,8 +13,8 @@ {ec8030f7-c20a-464f-9b0e-13a3a9e97384} - 4.0b7 - 4.0.* + 4.0 + 4.2a1pre From 8be2d6835be66b1119d90a8b42be237bfcc4998a Mon Sep 17 00:00:00 2001 From: Philipp von Weitershausen Date: Fri, 25 Mar 2011 12:36:50 -0700 Subject: [PATCH 24/82] Prepare 0.8 release --- install.rdf | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/install.rdf b/install.rdf index 921ec2d..dd2c308 100644 --- a/install.rdf +++ b/install.rdf @@ -4,8 +4,8 @@ verticaltabs@philikon.de 2 Vertical Tabs - 0.8pre - https://addons.mozilla.org/firefox/addon/108862/ + 0.8 + https://addons.mozilla.org/firefox/addon/vertical-tabs/ Philipp von Weitershausen SHIMODA Hiroshi (creator of Tree Style Tab) bb10 (Linux and Windows theme contributions) From 38e351160c6cd4d2832f034b2a3488655a8d8aae Mon Sep 17 00:00:00 2001 From: Philipp von Weitershausen Date: Fri, 25 Mar 2011 12:44:20 -0700 Subject: [PATCH 25/82] Bump version number after release --- install.rdf | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/install.rdf b/install.rdf index dd2c308..70314d7 100644 --- a/install.rdf +++ b/install.rdf @@ -4,7 +4,7 @@ verticaltabs@philikon.de 2 Vertical Tabs - 0.8 + 0.9pre https://addons.mozilla.org/firefox/addon/vertical-tabs/ Philipp von Weitershausen SHIMODA Hiroshi (creator of Tree Style Tab) From cfe7b9d4c8d459971842b2775e0b5cb61c9b994b Mon Sep 17 00:00:00 2001 From: Philipp von Weitershausen Date: Sun, 27 Mar 2011 13:55:20 -0700 Subject: [PATCH 26/82] Get rid of unused file --- locale/en-US/overlay.dtd | 1 - 1 file changed, 1 deletion(-) delete mode 100644 locale/en-US/overlay.dtd diff --git a/locale/en-US/overlay.dtd b/locale/en-US/overlay.dtd deleted file mode 100644 index d3f5a12..0000000 --- a/locale/en-US/overlay.dtd +++ /dev/null @@ -1 +0,0 @@ - From b104ee181695122e78f80f54d9501e63cfaf76ef Mon Sep 17 00:00:00 2001 From: Philipp von Weitershausen Date: Sun, 3 Apr 2011 20:44:10 -0700 Subject: [PATCH 27/82] First stab at making VT restartless --- bootstrap.js | 117 ++++++++++++++++++++++++++++++++++ content/bindings.css | 2 +- content/browser.xul | 62 ------------------ content/groups.jsm | 2 +- content/tabbrowser.js | 24 +++++-- content/verticaltabs.js | 111 +++++++++++++++++++++++++++----- defaults/preferences/prefs.js | 6 -- install.rdf | 1 + skin/osx/osx.css | 8 +-- skin/platform.css | 4 -- skin/verticaltabs.css | 2 - 11 files changed, 237 insertions(+), 102 deletions(-) create mode 100644 bootstrap.js delete mode 100644 content/browser.xul delete mode 100644 defaults/preferences/prefs.js delete mode 100644 skin/platform.css delete mode 100644 skin/verticaltabs.css diff --git a/bootstrap.js b/bootstrap.js new file mode 100644 index 0000000..00d82a3 --- /dev/null +++ b/bootstrap.js @@ -0,0 +1,117 @@ +const {classes: Cc, interfaces: Ci, utils: Cu} = Components; + +Cu.import("resource://gre/modules/Services.jsm"); +Cu.import("resource://gre/modules/AddonManager.jsm"); + +const RESOURCE_HOST = "verticaltabs"; +const PREF_BRANCH = "extensions.verticaltabs."; +const DEFAULT_PREFS = { + "extensions.verticaltabs.width": 250, + "extensions.verticaltabs.right": false, + "browser.allTabs.previews": true +}; + +let unloaders = []; + +function setDefaultPrefs() { + let branch = Services.prefs.getDefaultBranch(""); + for (let [name, value] in Iterator(DEFAULT_PREFS)) { + switch (typeof value) { + case "boolean": + branch.setBoolPref(name, value); + break; + case "number": + branch.setIntPref(name, value); + break; + case "string": + branch.setCharPref(name, value); + break; + } + } +} + +function loadIntoWindow(win) { + let vt = new VerticalTabs(win); + unloaders.push(vt.unload.bind(vt)); +} + +function runOnLoad(window, callback) { + window.addEventListener("DOMContentLoaded", function onLoad() { + window.removeEventListener("DOMContentLoaded", onLoad, false); + callback(window); + }, false); +} + +function eachWindow(callback) { + let enumerator = Services.wm.getEnumerator("navigator:browser"); + while (enumerator.hasMoreElements()) { + let win = enumerator.getNext(); + if (win.document.readyState === "complete") { + callback(win); + } else { + runOnLoad(win, callback); + } + } +} + +function windowWatcher(subject, topic) { + if (topic !== "domwindowopened") { + return; + } + let win = subject.QueryInterface(Ci.nsIDOMWindow); + // We don't know the type of the window at this point yet, only when + // the load event has been fired. + runOnLoad(win, function (win) { + let doc = win.document.documentElement; + if (doc.getAttribute("windowtype") == "navigator:browser") { + loadIntoWindow(win); + } + }); +} + +function registerResource(name, installPath) { + let resource = Services.io.getProtocolHandler("resource") + .QueryInterface(Ci.nsIResProtocolHandler); + let alias = Services.io.newFileURI(installPath); + if (!installPath.isDirectory()) { + alias = Services.io.newURI("jar:" + alias.spec + "!/", null, null); + } + resource.setSubstitution(name, alias); + unloaders.push(function () { + resource.setSubstitution(name, null); + }); +} + +function startup(data, reason) { + setDefaultPrefs(); + unloaders.push(function() { + Services.prefs.getDefaultBranch(PREF_BRANCH).deleteBranc(); + }); + + AddonManager.getAddonByID(data.id, function(addon) { + registerResource(RESOURCE_HOST, data.installPath); + Cu.import("resource://verticaltabs/content/verticaltabs.js"); + + eachWindow(loadIntoWindow); + + Services.ww.registerNotification(windowWatcher); + unloaders.push(function() { + Services.ww.unregisterNotification(windowWatcher); + }); + }); +}; + +function shutdown(data, reason) { + if (reason == APP_SHUTDOWN) { + return; + } + unloaders.forEach(function(unload) { + unload(); + }); +} + +function install() { +} + +function uninstall() { +} diff --git a/content/bindings.css b/content/bindings.css index f2205e5..90d1bef 100644 --- a/content/bindings.css +++ b/content/bindings.css @@ -1,3 +1,3 @@ .tabbrowser-tab[verticaltabs-group] { - -moz-binding: url("chrome://verticaltabs/content/groups.xml"); + -moz-binding: url("resource://verticaltabs/content/groups.xml"); } diff --git a/content/browser.xul b/content/browser.xul deleted file mode 100644 index 7cf30e9..0000000 --- a/content/browser.xul +++ /dev/null @@ -1,62 +0,0 @@ - - - - - -