Bug 785593 - Make the chatboxes larger and with a small gap between each one. r=mixedpuppy
authorJared Wein <jwein@mozilla.com>
Mon, 27 Aug 2012 11:23:15 +1000
changeset 103512 810398e25284f42214eed1ec0d7dc9d85787d9b4
parent 103511 469f4e91bb5da42ed59803c2a9bf74007e233b21
child 103513 b2ad6e5fc690e5fd561ef698d0bf8e0f291d9d04
push id14010
push usermhammond@skippinet.com.au
push dateMon, 27 Aug 2012 01:23:29 +0000
treeherdermozilla-inbound@810398e25284 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmixedpuppy
bugs785593
milestone17.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 785593 - Make the chatboxes larger and with a small gap between each one. r=mixedpuppy
browser/themes/gnomestripe/browser.css
browser/themes/pinstripe/browser.css
browser/themes/winstripe/browser.css
--- a/browser/themes/gnomestripe/browser.css
+++ b/browser/themes/gnomestripe/browser.css
@@ -2824,41 +2824,36 @@ stack[anonid=browserStack][responsivemod
   -moz-border-end: 1px solid gray;
 }
 
 .chatbar-button[open="true"],
 .chatbar-button:active:hover {
   box-shadow: inset 0 2px 5px rgba(0,0,0,0.6), 0 1px rgba(255,255,255,0.2);
 }
 
-/* toolbarbutton-icon */
 .chatbar-button > .toolbarbutton-text,
 .chatbar-button > .toolbarbutton-menu-dropmarker {
   display: none;
 }
 
 .chatbar-innerbox {
   background: transparent;
-  margin: -200px -1px 0 -1px;
+  margin: -285px -1px 0 -1px;
   overflow: hidden;
 }
 
 chatbar {
   -moz-margin-end: 20px;
 }
 
-chatbar > chatbox {
-  height: 200px;
-  width: 200px;
+chatbox {
+  height: 285px;
+  width: 260px;
+  -moz-margin-start: 4px;
   background-color: white;
   border: 1px solid gray;
   border-bottom: none;
 }
 
-chatbar > chatbox[minimized="true"] {
-  width: 100px;
+chatbox[minimized="true"] {
+  width: 160px;
   height: 20px;
-  border-bottom: none;
-}
-
-chatbar > chatbox + chatbox {
-  -moz-margin-start: -1px;
-}
+}
--- a/browser/themes/pinstripe/browser.css
+++ b/browser/themes/pinstripe/browser.css
@@ -3513,42 +3513,36 @@ stack[anonid=browserStack][responsivemod
   -moz-border-end: 1px solid #404040;
 }
 
 .chatbar-button[open="true"],
 .chatbar-button:active:hover {
   box-shadow: inset 0 2px 5px rgba(0,0,0,0.6), 0 1px rgba(255,255,255,0.2);
 }
 
-/* toolbarbutton-icon */
 .chatbar-button > .toolbarbutton-text,
 .chatbar-button > .toolbarbutton-menu-dropmarker {
   display: none;
 }
 
 .chatbar-innerbox {
   background: transparent;
-  margin: -200px -1px 0 -1px;
+  margin: -285px -1px 0 -1px;
   overflow: hidden;
 }
 
 chatbar {
   -moz-margin-end: 20px;
 }
 
-chatbar > chatbox {
-  height: 200px;
-  width: 200px;
+chatbox {
+  height: 285px;
+  width: 260px;
+  -moz-margin-start: 4px;
   background-color: white;
   border: 1px solid #404040;
   border-bottom: none;
 }
 
-chatbar > chatbox[minimized="true"] {
-  width: 100px;
+chatbox[minimized="true"] {
+  width: 160px;
   height: 20px;
-  border-bottom: none;
-}
-
-chatbar > chatbox + chatbox {
-  -moz-margin-start: -1px;
-}
-
+}
--- a/browser/themes/winstripe/browser.css
+++ b/browser/themes/winstripe/browser.css
@@ -3543,34 +3543,29 @@ stack[anonid=browserStack][responsivemod
 
 .chatbar-button > .toolbarbutton-text,
 .chatbar-button > .toolbarbutton-menu-dropmarker {
   display: none;
 }
 
 .chatbar-innerbox {
   background: transparent;
-  margin: -200px -1px 0 -1px;
+  margin: -285px -1px 0 -1px;
   overflow: hidden;
 }
 
 chatbar {
   -moz-margin-end: 20px;
 }
 
-chatbar > chatbox {
-  height: 200px;
-  width: 200px;
+chatbox {
+  height: 285px;
+  width: 260px;
+  -moz-margin-start: 4px;
   background-color: white;
   border: 1px solid gray;
   border-bottom: none;
 }
 
-chatbar > chatbox[minimized="true"] {
-  width: 100px;
+chatbox[minimized="true"] {
+  width: 160px;
   height: 20px;
-  border-bottom: none;
-}
-
-chatbar > chatbox + chatbox {
-  -moz-margin-start: -1px;
-}
-
+}