Bug 595432 - Use an arrow panel for the invalid form popup. r=gavin ui-r=limi a=blocking-betaN

browser/base/content/browser.css

@@ -453,7 +453,7 @@ window[chromehidden~="toolbar"] toolbar:not(.toolbar-primary):not(.chromeclass-m
   display: -moz-box;
 }
 
-#invalid-form-popup {
+#invalid-form-popup > description {
   max-width: 280px;
 }
 

browser/base/content/browser.xul

@@ -169,7 +169,7 @@
     <panel type="autocomplete-richlistbox" id="PopupAutoCompleteRichResult" noautofocus="true" hidden="true"/>
 
     <!-- for invalid form error message -->
-    <panel id="invalid-form-popup" noautofocus="true" hidden="true" level="parent">
+    <panel id="invalid-form-popup" type="arrow" orient="vertical" noautofocus="true" hidden="true" level="parent">
       <description/>
     </panel>
 

browser/themes/gnomestripe/browser/browser.css

@@ -1116,7 +1116,6 @@ toolbar[iconsize="small"] #feed-button {
   -moz-appearance: none;
   background-color: #fffcd6;
   border: 1px solid #dad8b6;
-  padding: 5px 5px 5px 5px;
   font-weight: bold;
 }
 

browser/themes/pinstripe/browser/browser.css

@@ -2031,15 +2031,6 @@ toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
   -moz-border-image: url(chrome://browser/skin/hud-panel.png) 26 18 22 50 / 26px 18px 22px 50px repeat;
 }
 
-/* Invalid form popup */
-#invalid-form-popup {
-  -moz-appearance: none;
-  background-color: #fffcd6;
-  border: 1px solid #dad8b6;
-  padding: 5px 5px 5px 5px;
-  font-weight: bold;
-}
-
 #notification-popup {
   margin-left: -16px;
   margin-right: -16px;

browser/themes/winstripe/browser/browser.css

@@ -1859,15 +1859,6 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] {
   color: MenuText;
 }
 
-/* Invalid form popup */
-#invalid-form-popup {
-  -moz-appearance: none;
-  background-color: #fffcd6;
-  border: 1px solid #dad8b6;
-  padding: 5px 5px 5px 5px;
-  font-weight: bold;
-}
-
 /* Notification popup */
 #notification-popup {
   padding: 10px;