Bug 805474: fix chatbar title styling in high contrast themes, and crop chatbox titles, r=jaws
authorGavin Sharp <gavin@gavinsharp.com>
Mon, 29 Oct 2012 15:03:16 -0700
changeset 111878 96fd3b458899b43a65f6ae0ed2e903b5d6580d75
parent 111877 9a31c31f5e6c77fc93c0d6d890501f9243ce4a2e
child 111879 37412cc39dde62a973ffa46fe6960342eff7b197
push id93
push usernmatsakis@mozilla.com
push dateWed, 31 Oct 2012 21:26:57 +0000
reviewersjaws
bugs805474
milestone19.0a1
Bug 805474: fix chatbar title styling in high contrast themes, and crop chatbox titles, r=jaws
browser/base/content/socialchat.xml
browser/themes/gnomestripe/browser.css
browser/themes/pinstripe/browser.css
browser/themes/winstripe/browser.css
--- a/browser/base/content/socialchat.xml
+++ b/browser/base/content/socialchat.xml
@@ -5,17 +5,17 @@
     xmlns:xbl="http://www.mozilla.org/xbl"
     xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
 
   <binding id="chatbox">
     <content orient="vertical" mousethrough="never">
       <xul:hbox class="chat-titlebar" xbl:inherits="minimized,selected,activity"
                 onclick="document.getBindingParent(this).toggle();" align="baseline">
         <xul:image class="chat-status-icon" xbl:inherits="src=image"/>
-        <xul:label class="chat-title" flex="1" xbl:inherits="value=label,crop"/>
+        <xul:label class="chat-title" flex="1" xbl:inherits="value=label" crop="center"/>
         <xul:toolbarbutton class="chat-close-button chat-toolbarbutton"
                            oncommand="document.getBindingParent(this).close();"/>
       </xul:hbox>
       <xul:iframe anonid="iframe" class="chat-frame" flex="1"
                   xbl:inherits="src,origin,collapsed=minimized" type="content"/>
     </content>
 
     <implementation implements="nsIDOMEventListener">
--- a/browser/themes/gnomestripe/browser.css
+++ b/browser/themes/gnomestripe/browser.css
@@ -2723,17 +2723,17 @@ html|*#gcli-output-frame {
 }
 
 .chat-close-button:hover {
   -moz-image-region: rect(28px, 14px, 42px, 0);
 }
 
 .chat-title {
   font-weight: bold;
-  color: -moz-dialogtext;
+  color: black;
   text-shadow: none;
   cursor: inherit;
 }
 
 .chat-titlebar {
   background-color: #d9d9d9;
   background-image: linear-gradient(@toolbarHighlight@, rgba(255,255,255,0));
   height: 20px;
--- a/browser/themes/pinstripe/browser.css
+++ b/browser/themes/pinstripe/browser.css
@@ -4154,17 +4154,17 @@ html|*#gcli-output-frame {
 }
 
 .chat-close-button:hover {
   -moz-image-region: rect(28px, 14px, 42px, 0);
 }
 
 .chat-title {
   font-weight: bold;
-  color: -moz-dialogtext;
+  color: black;
   text-shadow: none;
   cursor: inherit;
 }
 
 .chat-titlebar {
   background-color: #d9d9d9;
   background-image: linear-gradient(rgba(255,255,255,.43), rgba(255,255,255,0));
   height: 20px;
--- a/browser/themes/winstripe/browser.css
+++ b/browser/themes/winstripe/browser.css
@@ -3427,17 +3427,17 @@ html|*#gcli-output-frame {
 }
 
 .chat-close-button:hover {
   -moz-image-region: rect(28px, 14px, 42px, 0);
 }
 
 .chat-title {
   font-weight: bold;
-  color: -moz-dialogtext;
+  color: black;
   text-shadow: none;
   cursor: inherit;
 }
 
 .chat-titlebar {
   background-color: #c4cfde;
   background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
   height: 20px;