Bug 1402929 - add header to overflow panel in customize mode, r?mikedeboer draft
authorGijs Kruitbosch <gijskruitbosch@gmail.com>
Fri, 29 Sep 2017 23:10:38 +0100
changeset 674108 16f3cfc23ca85691377854ec7d7dc1e2e1aaecda
parent 674107 63b761c891830b131091b58b4e379ec98adc7e65
child 734236 ff800f9de91cc359e1f745023e4950be43faa763
push id82735
push usergijskruitbosch@gmail.com
push dateTue, 03 Oct 2017 09:10:26 +0000
reviewersmikedeboer
bugs1402929
milestone58.0a1
Bug 1402929 - add header to overflow panel in customize mode, r?mikedeboer MozReview-Commit-ID: 7Z8Xk2X707J
browser/components/customizableui/content/customizeMode.inc.xul
browser/locales/en-US/chrome/browser/browser.dtd
browser/themes/shared/customizableui/customizeMode.inc.css
--- a/browser/components/customizableui/content/customizeMode.inc.xul
+++ b/browser/components/customizableui/content/customizeMode.inc.xul
@@ -22,17 +22,18 @@
     </box>
     <vbox id="customization-panel-container">
       <vbox id="customization-panelWrapper">
         <box class="panel-arrowbox">
           <image class="panel-arrow" side="top"/>
         </box>
         <box class="panel-arrowcontent" side="top" flex="1">
           <vbox id="customization-panelHolder">
-            <description id="customization-panelDescription">&customizeMode.emptyOverflowList.description;</description>
+            <description id="customization-panelHeader">&customizeMode.overflowList.title;</description>
+            <description id="customization-panelDescription">&customizeMode.overflowList.description;</description>
           </vbox>
           <box class="panel-inner-arrowcontentfooter" hidden="true"/>
         </box>
       </vbox>
     </vbox>
   </box>
   <hbox id="customization-footer">
 #ifdef CAN_DRAW_IN_TITLEBAR
--- a/browser/locales/en-US/chrome/browser/browser.dtd
+++ b/browser/locales/en-US/chrome/browser/browser.dtd
@@ -850,17 +850,18 @@ you can use these alternative items. Oth
 <!ENTITY customizeMode.toolbars2 "Toolbars">
 <!ENTITY customizeMode.lwthemes "Themes">
 <!ENTITY customizeMode.lwthemes.myThemes "My Themes">
 <!ENTITY customizeMode.lwthemes.recommended "Recommended">
 <!ENTITY customizeMode.lwthemes.menuManage "Manage">
 <!ENTITY customizeMode.lwthemes.menuManage.accessKey "M">
 <!ENTITY customizeMode.lwthemes.menuGetMore "Get More Themes">
 <!ENTITY customizeMode.lwthemes.menuGetMore.accessKey "G">
-<!ENTITY customizeMode.emptyOverflowList.description "Drag and drop items here to keep them within reach but out of your toolbar…">
+<!ENTITY customizeMode.overflowList.title "Overflow Panel">
+<!ENTITY customizeMode.overflowList.description "Drag and drop items here to keep them within reach but out of your toolbar…">
 <!ENTITY customizeMode.uidensity "Density">
 <!-- LOCALIZATION NOTE (customizeMode.uidensity.menuNormal.*):
      “Normal” is displayed in the Customize screen, under the Density menu. -->
 <!ENTITY customizeMode.uidensity.menuNormal.label "Normal">
 <!ENTITY customizeMode.uidensity.menuNormal.tooltip "Normal">
 <!ENTITY customizeMode.uidensity.menuNormal.accessKey "N">
 <!-- LOCALIZATION NOTE (customizeMode.uidensity.menuCompact.*):
      “Compact” is displayed in the Customize screen, under the Density menu.
--- a/browser/themes/shared/customizableui/customizeMode.inc.css
+++ b/browser/themes/shared/customizableui/customizeMode.inc.css
@@ -497,16 +497,23 @@ toolbarpaletteitem[place=toolbar] > tool
 %endif
 
 #customization-panelDescription {
   font-size: 1.1em;
   padding: 2px 12px 10px;
   margin: 0;
 }
 
+#customization-panelHeader {
+  font-size: 1.3em;
+  font-weight: 500;
+  padding: 2px 12px;
+  margin: 0;
+}
+
 #customization-panelHolder > #widget-overflow-fixed-list {
   padding-top: 10px;
   min-height: 225px;
 }
 
 /**
  * We create a ::before pseudoelement that contains a background image to show the
  * drop dragon. This element fades in and out depending on whether the containing