Bug 338302: tab and bookmark drag and drop indicators only appear on the second drag, use visibility:hidden/visible to eagerly load images and avoid collapsing the elements (which can cause flickering when redisplaying the images), r=mconnor

browser/themes/pinstripe/browser/browser.css

@@ -1251,7 +1251,7 @@ tabpanels.plain {
 }
 
 .toolbar-drop-indicator-bar {
-  display: none;
+  visibility: hidden;
   height: 16px;
   margin-bottom: -16px;
   margin-left: 4px;
@@ -1259,7 +1259,7 @@ tabpanels.plain {
 }
 
 .toolbar-drop-indicator-bar[dragging="true"] {
-  display: -moz-box;
+  visibility: visible;
 }
 
 toolbarbutton.bookmark-item[dragover="true"][open="true"] {

browser/themes/winstripe/browser/browser.css

@@ -1427,7 +1427,7 @@ toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-text {
 }
 
 .toolbar-drop-indicator-bar {
-  display: none;
+  visibility: hidden;
   height: 16px;
   margin-bottom: -16px;
   margin-left: 4px;
@@ -1435,7 +1435,7 @@ toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-text {
 }
 
 .toolbar-drop-indicator-bar[dragging="true"] {
-  display: -moz-box;
+  visibility: visible;
 }
 
 toolbarbutton.bookmark-item[dragover="true"][open="true"] {

toolkit/themes/pinstripe/global/browser.css

@@ -169,7 +169,7 @@ tabbrowser > tabbox > tabpanels {
 }
 
 .tab-drop-indicator-bar {
-   display:none;
+   visibility: hidden;
    height: 9px;
    margin-top: -9px;
    position: relative;
@@ -184,7 +184,7 @@ tabbrowser > tabbox > tabpanels {
 }
 
 .tab-drop-indicator-bar[dragging="true"] {
-   display: -moz-box;
+   visibility: visible;
 }
 
 /**

toolkit/themes/winstripe/global/browser.css

@@ -157,7 +157,7 @@ tabpanels {
  */
 
 .tab-drop-indicator-bar {
-    display:none;
+    visibility: hidden;
     height: 9px;
     margin-top: -9px;
     position: relative;
@@ -172,7 +172,7 @@ tabpanels {
 }
 
 .tab-drop-indicator-bar[dragging="true"] {
-    display: -moz-box;
+    visibility: visible;
 }
 
 /**