Use svg.
draft
--- a/browser/components/downloads/content/downloads.css
+++ b/browser/components/downloads/content/downloads.css
@@ -20,26 +20,37 @@ richlistitem[type="download"].download-s
#downloadsSummary:not([inprogress]) > vbox > #downloadsSummaryProgress,
#downloadsSummary:not([inprogress]) > vbox > #downloadsSummaryDetails,
#downloadsFooter[showingsummary] > #downloadsHistory,
#downloadsFooter:not([showingsummary]) > #downloadsSummary {
display: none;
}
#downloadFooterSubPanelButton {
- margin-right: 0;
- margin-bottom: 0;
- background-image: url("chrome://browser/skin/downloads/downArrow.png");
- background-repeat: no-repeat;
- background-position: center;
+ margin: 0;
+ list-style-image: url("chrome://browser/skin/downloads/button_more.svg");
+ filter: url("chrome://browser/skin/filters.svg#fill");
+ fill: rgb(133, 133, 133);
+ -moz-image-region: rect(0px, 16px, 16px, 0px);
+ -moz-appearance: none;
+ min-width: 0;
+ width: 57px;
}
-#downloadFooterSubPanelButton::before {
- display: block;
- border-left: 1px solid black;
+#downloadFooterSubPanelButton:hover {
+ fill: rgb(255, 255, 255);
+}
+
+#downloadFooterSubPanelButton:before {
+ content: '';
+ border-left: 1px solid #eee000;
+ color: #000eee;
+ display: inline-block;
+ width: 4px;
+ height: 30px;
}
/*** Downloads View ***/
/**
* The downloads richlistbox may list thousands of items, and it turns out
* XBL binding attachment, and even more so detachment, is a performance hog.
* This hack makes sure we don't apply any binding to inactive items (inactive
@@ -173,16 +184,17 @@ richlistitem.download button {
/*** Downloads panel multiview (main view and blocked-downloads subview) ***/
#downloadsPanel,
#downloadsPanel .panel-viewstack[viewtype=main]:not([transitioning]) #downloadsPanel-mainView {
/* Tiny hack to ensure the panel shrinks back to its original
size after closing a subview that is bigger than the main view. */
max-height: 0;
+ min-width: 280px;
}
/* Hide all the usual buttons. */
#downloadsPanel-mainView .download-state[state="8"] .downloadCancel,
#downloadsPanel-mainView .download-state[state="8"] .downloadConfirmBlock,
#downloadsPanel-mainView .download-state[state="8"] .downloadChooseUnblock,
#downloadsPanel-mainView .download-state[state="8"] .downloadChooseOpen,
#downloadsPanel-mainView .download-state[state="8"] .downloadRetry,
--- a/browser/components/downloads/content/downloadsOverlay.xul
+++ b/browser/components/downloads/content/downloadsOverlay.xul
@@ -153,20 +153,21 @@
label="&downloadsHistory.label;"
accesskey="&downloadsHistory.accesskey;"
oncommand="DownloadsPanel.showDownloadsHistory();"/>
<menupopup id="downloadSubPanel" position="after_end">
<menuitem label="Clear Above Downloads"/>
<menuitem label="Open Downloads Folder"/>
</menupopup>
- <label id="downloadFooterSubPanelButton"
- popup="downloadSubPanel"
- right="0"
- width="56px"/>
+ <button id="downloadFooterSubPanelButton"
+ type="panel"
+ popup="downloadSubPanel"
+ align="center"
+ right="0"/>
</stack>
</vbox>
</panelview>
<panelview id="downloadsPanel-blockedSubview"
orient="vertical"
flex="1">
<description id="downloadsPanel-blockedSubview-title"/>
new file mode 100644
--- /dev/null
+++ b/browser/themes/shared/downloads/button_more.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<style type="text/css">
+ .st0{fill-rule:evenodd;clip-rule:evenodd;}
+</style>
+<path class="st0" d="M2.9,10.3l2.6-2.6l10.6,10.6L26.7,7.7l2.6,2.6L16.1,23.6L2.9,10.3z"/>
+</svg>
--- a/browser/themes/shared/jar.inc.mn
+++ b/browser/themes/shared/jar.inc.mn
@@ -49,16 +49,17 @@
skin/classic/browser/customizableui/subView-arrow-back-inverted@2x.png (../shared/customizableui/subView-arrow-back-inverted@2x.png)
skin/classic/browser/customizableui/subView-arrow-back-inverted-rtl.png (../shared/customizableui/subView-arrow-back-inverted-rtl.png)
skin/classic/browser/customizableui/subView-arrow-back-inverted-rtl@2x.png (../shared/customizableui/subView-arrow-back-inverted-rtl@2x.png)
skin/classic/browser/customizableui/whimsy.png (../shared/customizableui/whimsy.png)
skin/classic/browser/customizableui/whimsy@2x.png (../shared/customizableui/whimsy@2x.png)
skin/classic/browser/downloads/contentAreaDownloadsView.css (../shared/downloads/contentAreaDownloadsView.css)
skin/classic/browser/downloads/download-blocked.svg (../shared/downloads/download-blocked.svg)
skin/classic/browser/downloads/downArrow.png (../shared/downloads/downArrow.png)
+ skin/classic/browser/downloads/button_more.svg (../shared/downloads/button_more.svg)
skin/classic/browser/drm-icon.svg (../shared/drm-icon.svg)
skin/classic/browser/filters.svg (../shared/filters.svg)
skin/classic/browser/fullscreen/insecure.svg (../shared/fullscreen/insecure.svg)
skin/classic/browser/fullscreen/secure.svg (../shared/fullscreen/secure.svg)
skin/classic/browser/heartbeat-icon.svg (../shared/heartbeat-icon.svg)
skin/classic/browser/heartbeat-star-lit.svg (../shared/heartbeat-star-lit.svg)
skin/classic/browser/heartbeat-star-off.svg (../shared/heartbeat-star-off.svg)
skin/classic/browser/identity-icon.svg (../shared/identity-block/identity-icon.svg)