Bug 1402929 - add header to overflow panel in customize mode, r?mikedeboer
MozReview-Commit-ID: 7Z8Xk2X707J
--- 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