Bug 1546340 - [de-xbl] remove toolbarpaletteitem and toolbarpaletteitem-palette bindings. r=mkmelin

common/bindings/toolbar.xml

@@ -390,26 +390,4 @@
     </implementation>
   </binding>
 
-  <binding id="toolbarpaletteitem">
-    <content>
-      <xul:hbox class="toolbarpaletteitem-box" flex="1" xbl:inherits="type,place">
-        <children/>
-      </xul:hbox>
-    </content>
-  </binding>
-
-  <binding id="toolbarpaletteitem-palette"
-#ifdef MOZ_SUITE
-           extends="chrome://communicator/content/bindings/toolbar.xml#toolbarpaletteitem">
-#else
-           extends="chrome://messenger/content/toolbar.xml#toolbarpaletteitem">
-#endif
-    <content>
-      <xul:hbox class="toolbarpaletteitem-box" xbl:inherits="type,place">
-        <children/>
-      </xul:hbox>
-      <xul:label xbl:inherits="value=title"/>
-    </content>
-  </binding>
-
 </bindings>

common/src/customizeToolbar.css

@@ -11,22 +11,37 @@
   min-height: 3em;
 }
 
-#palette-box > toolbarpaletteitem {
-  width: 110px;
-  height: 94px;
-  overflow: hidden;
-  display: inline-block;
+toolbarpaletteitem {
+  -moz-window-dragging: no-drag;
+  -moz-box-pack: start;
 }
 
-.toolbarpaletteitem-box {
+toolbarpaletteitem[place="palette"] {
+  -moz-box-orient: vertical;
+  width: 10em;
+  max-width: 10em;
+  /* icon (16) + margin (9 + 12) + 4 lines of text: */
+  height: calc(39px + 4em);
+  margin-bottom: 5px;
+  margin-inline-end: 24px;
+  overflow: visible;
+  display: inline-block;
+  vertical-align: top;
+}
+
+toolbarpaletteitem[place=palette]::after {
+  content: attr(title);
+  display: block;
+  text-align: center;
+}
+
+toolbarpaletteitem > toolbarbutton,
+toolbarpaletteitem > toolbarseparator,
+toolbarpaletteitem > toolbaritem {
+  /* Prevent children from getting events */
+  pointer-events: none;
   -moz-box-pack: center;
   -moz-box-flex: 1;
-  width: 110px !important;
-  max-width: 110px;
-}
-
-toolbarpaletteitem > label {
-  text-align: center;
 }
 
 #main-box > box {

mail/base/content/bindings.css

@@ -13,13 +13,3 @@ toolbox {
 toolbar {
   -moz-binding: url("chrome://messenger/content/toolbar.xml#toolbar");
 }
-
-toolbarpaletteitem {
-  -moz-binding: url("chrome://messenger/content/toolbar.xml#toolbarpaletteitem");
-}
-
-toolbarpaletteitem[place="palette"] {
-  -moz-box-orient: vertical;
-  -moz-binding: url("chrome://messenger/content/toolbar.xml#toolbarpaletteitem-palette");
-}
-

mail/themes/linux/mail/customizeToolbar.css

@@ -19,5 +19,4 @@ dialog {
 
 #palette-box > toolbarpaletteitem {
   padding: 8px 2px;
-  margin: 0 8px;
 }

mail/themes/linux/mail/messenger.css

@@ -286,8 +286,8 @@ menulist > menupopup >
 
 /* ::::: Toolbar customization ::::: */
 
-.toolbarpaletteitem-box[type="spacer"],
-.toolbarpaletteitem-box[type="spring"] {
+toolbarpaletteitem[type="spacer"] toolbarspacer,
+toolbarpaletteitem[type="spring"] toolbarspring {
   border: 1px solid #808080;
   background-color: #fff !important;
 }
@@ -296,30 +296,27 @@ toolbarpaletteitem[place="toolbar"] > toolbarspacer {
   width: 11px;
 }
 
-.toolbarpaletteitem-box[type="spacer"][place="toolbar"],
-.toolbarpaletteitem-box[type="spring"][place="toolbar"] {
+toolbarpaletteitem[type="spacer"][place="toolbar"] toolbarspacer,
+toolbarpaletteitem[type="spring"][place="toolbar"] toolbarspring {
   margin-top: 2px;
   margin-bottom: 2px;
   margin-inline-start: 0;
   margin-inline-end: 2px;
 }
 
-.toolbarpaletteitem-box[type="separator"][place="palette"] {
-  width: 2px;
-  height: 50px;
-}
-
-.toolbarpaletteitem-box[type="spacer"][place="palette"],
-.toolbarpaletteitem-box[type="spring"][place="palette"] {
+toolbarpaletteitem[type="spacer"][place="palette"] toolbarspacer,
+toolbarpaletteitem[type="spring"][place="palette"] toolbarspring {
   margin-bottom: 2px;
-  width: 50px;
-  height: 50px;
 }
 
-.toolbarpaletteitem-box[type="spring"][place="palette"] {
+toolbarpaletteitem[type="spring"][place="palette"] toolbarspring {
   background: url("chrome://messenger/skin/icons/spring.png") no-repeat center;
 }
 
+toolbarpaletteitem[type="separator"][place="palette"] toolbarseparator {
+  width: 2px;
+}
+
 /* ::::: toolbarbutton menu-button ::::: */
 
 toolbarbutton[type="menu-button"] {

mail/themes/osx/mail/messenger.css

@@ -164,42 +164,36 @@ toolbar[brighttext] {
 
 /* ::::: Toolbar customization ::::: */
 
-.toolbarpaletteitem-box[type="spacer"] {
+toolbarpaletteitem[type="spacer"] toolbarspacer {
   border: 1px solid #a3a3a3;
   background-color: #eee;
-  width: 32px;
-  margin-top: 18px;
 }
 
-.toolbarpaletteitem-box[type="spring"] {
+toolbarpaletteitem[type="spring"] toolbarspring {
   border: 1px solid #a3a3a3;
   background: url("chrome://messenger/skin/icons/spring.png") #fff no-repeat;
-  width: 32px;
-  margin-top: 18px;
 }
 
-.toolbarpaletteitem-box[type="spring"][place="toolbar"] {
+toolbarpaletteitem[type="spring"][place="toolbar"] toolbarspring {
   background: #eee;
 }
 
-.toolbarpaletteitem-box[type="spacer"][place="toolbar"],
-.toolbarpaletteitem-box[type="spring"][place="toolbar"] {
+toolbarpaletteitem[type="spacer"][place="toolbar"] toolbarspacer,
+toolbarpaletteitem[type="spring"][place="toolbar"] toolbarspring {
   margin: 2px;
 }
 
-.toolbarpaletteitem-box[type="separator"][place="palette"] {
+toolbarpaletteitem[type="separator"][place="palette"] toolbarseparator {
   width: 2px;
-  height: 50px;
 }
 
-.toolbarpaletteitem-box[type="spacer"][place="palette"],
-.toolbarpaletteitem-box[type="spring"][place="palette"] {
+toolbarpaletteitem[type="spacer"][place="palette"] toolbarspacer,
+toolbarpaletteitem[type="spring"][place="palette"] toolbarspring {
   margin-top: 0;
   margin-bottom: 2px;
-  height: 32px;
 }
 
-.toolbarpaletteitem-box[type="spring"][place="palette"] {
+toolbarpaletteitem[type="spring"][place="palette"] toolbarspring {
   background-position: center;
   margin-left: 8px;
   margin-right: 8px;

mail/themes/windows/mail/messenger.css

@@ -181,8 +181,8 @@ menubar > menu[disabled="true"]:-moz-lwtheme {
 
 /* ::::: Toolbar customization ::::: */
 
-.toolbarpaletteitem-box[type="spacer"],
-.toolbarpaletteitem-box[type="spring"] {
+toolbarpaletteitem[type="spacer"] toolbarspacer,
+toolbarpaletteitem[type="spring"] toolbarspring {
   border: 1px solid #808080;
   background-color: #fff !important;
 }
@@ -191,27 +191,25 @@ toolbarpaletteitem[place="toolbar"] > toolbarspacer {
   width: 11px;
 }
 
-.toolbarpaletteitem-box[type="spacer"][place="toolbar"],
-.toolbarpaletteitem-box[type="spring"][place="toolbar"] {
+toolbarpaletteitem[type="spacer"][place="toolbar"] toolbarspacer,
+toolbarpaletteitem[type="spring"][place="toolbar"] toolbarspring {
   margin-top: 2px;
   margin-bottom: 2px;
   margin-inline-start: 0;
   margin-inline-end: 2px;
 }
 
-.toolbarpaletteitem-box[type="separator"][place="palette"] {
+toolbarpaletteitem[type="separator"][place="palette"] toolbarseparator {
   width: 2px;
   height: 50px;
 }
 
-.toolbarpaletteitem-box[type="spacer"][place="palette"],
-.toolbarpaletteitem-box[type="spring"][place="palette"] {
+toolbarpaletteitem[type="spacer"][place="palette"] toolbarspacer,
+toolbarpaletteitem[type="spring"][place="palette"] toolbarspring {
   margin-bottom: 2px;
-  width: 50px;
-  height: 50px;
 }
 
-.toolbarpaletteitem-box[type="spring"][place="palette"] {
+toolbarpaletteitem[type="spring"][place="palette"] toolbarspring {
   background: url("chrome://messenger/skin/icons/spring.png") no-repeat center;
 }