Downloadfenster "aufhübschen"

ThomasADD

Kann man mittels CSS und JS das Downloadfenster umdesignen?
- per Button das Bibliotheksfenster anzeigen
- das linke Fenster mit Chronik, ... ausblenden
- Kontextmenu als Buttonliste (inkl Ausführen-Button)

Früher ging das sehr gut mit dem Download Manager Tweak. Aber leider ist das eine XUL-Erweiterung, die das Fenster mittels Overlay erzeugt hat. Man konnte dort sogar die anzuzeigenden Buttons einstellen, inkl. aller anderen Standardeinstellungen für den Download.
Wichtig ist das separate Fenster, damit es sich auf einen anderen Monitor verschieben lässt. Daher die Idee, das Bibliotheksfenster per Button anzuzeigen und zu beschneiden, falls das mit Boardmitteln geht.
Die Downloadmanager, die es jetzt gibt, sind nicht das, was ich suche. Die sind bei meinen Tests komplett durchgefallen.
Dass ich den Komfort, wie beim Download Manager Tweak nicht bekomme, ist mir auch klar. Aber wenigstens ansatzweise, wäre schon schön.

Gruß Thomas

Endor

Wie wäre es damit:
Das Script fügt eine Schaltfläche in die Navbar ein, über diese wir das Downloadfenster geöffnet.
Das ist ein Fenster was nur die Downloads enthält mit Rechtsklick Kontextmenu:

[attachment=0]Bild-16.png[/attachment]

Zur Verwendung von Scripten muss man diese Vorarbeiten gemacht haben:
https://github.com/Endor8/userChr…ster/userChrome

Hier das Script:

Code

//  Downloadbutton.uc.js

  (function() {


       if (location != 'chrome://browser/content/browser.xul') return;

       try {
          CustomizableUI.createWidget({
             id: 'Download-button',
             type: 'custom',
             defaultArea: CustomizableUI.AREA_NAVBAR,
             onBuild: function(aDocument) {         
                var toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');
                var props = {
                   id: 'Download-button',
                   class: 'toolbarbutton-1 chromeclass-toolbar-additional',
                   removable: true,
                   label: 'Download Fenster öffnen',
				   accesskey: 'D',
                   tooltiptext: 'Download Fenster öffnen',
                   style: 'list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAFo9M/3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAC7klEQVR42mJgAIL3K2X+AwQQy9VMzf+cIooMAAHE8H6i2n+QKEAAsbCrSjJ8vST4HyCAQByG13Mc/n+/D5EBCCAWsMByBQa2bz/BkgABxAAz5f1aYbAKgAACo6+XJP///OQFFgAIIJbvd23//z/NyPD/NQPDg8uS/wECiIlT+TDjr5/sDK9ZrjMo6D5nBAgguLYPC13/f7nN+v/bQ7H/P77awM0DCCAWGOPLp58MfE80GFiE+RiYOCXhGgECiAlE3PZI/i8iL8bAchMocV2C4d/+fwyPj2qBTQEIIBR02S7+/4N1AigSAAHECPcLyB9/OBkY/rMxMLxkYRDMvwWWAwggJpgCDidZBlazzwzsVg8ZGAXU4SYABBDckYy/2BmYvgsyMLLxMPz+g7AFIIAQCr6zA+0B+oCLn+HHV0Q4AgQQ48MTUv8FvwszsLwUhHhLlIeBkQ+oT+IXw8Pa3wwAAcQkb/GM8f2fbwwMr4CO+8ABDBABBua3wgzP8qQY1BbsZQQIILAj5V3vMj6Tv8Dw8/VbBqZ/nxjuT2BiUFw/D+wLgABCQXeX8v+/5pyAEg4AAYSh6v0il/+cMeIM/9+/YGBgZmNgZOSGKOSTYvi25A6DYOw2FD0AAcSCbsCfX38Y/n+4x/D37R0GZiY2hn/sQN//+8LAzGgClGPCcBVAAGEa8O8/A9MnVoZ/77gZ/gH5zHwCDP//czAwcnID5T5jGAAQQCx3o0L/s/znBXP+/fvD8E/sGgPjJ14GxrdCDAxszMBwBQYrAz8DAx8TA7P8d4anaXH/mf8yMfz/y87w6/9zBoAAYoSlJrbiAwzi7wwY/r38CNSIcCqTFB+E/wvonu//GVj4+Rie855k+NtjzaCwfjYjQAChBMhNt5T/7IV7GaTf6jD8fAZx7h9xXgZ2RmYGVjFBsMYfzZYMqjvmwvUBBBBWBIqqW2t5/n+eo/X/6zKj//d38v4HuRKbWoAAwouOher8Pxmtg1cjQIABAFbt8Z32Ai5RAAAAAElFTkSuQmCC)',
                   oncommand: "window.open('chrome://browser/content/downloads/contentAreaDownloadsView.xul', 'Downloads', 'chrome,resizable=yes,width=600,height=750,left=1220,top=100');"
				};
				for (var p in props)
					toolbaritem.setAttribute(p, props[p]);
				return toolbaritem;
			}
		});
	CustomizableUI.registerToolbarNode(tb);
	} catch(e) { };

})();

Alles anzeigen

Mfg.
Endor

testerer

Ich bin ein großer Fan von DownloadsStatusModoki.uc.js, wurde leider aber noch nicht für Firefox 66 aktualisiert und zeigt deshalb nur den letzten Download an.

https://raw.githubusercontent.com/ardiman/userCh…tatusmodoki.png
https://github.com/Endor8/userChr…tusModoki.uc.js

ThomasADD

Endor
Danke. Der goldene Downloadbutton erfüllt seinen Zweck. Ich habe nur die Fenstermaße im Script angepasst.

Thomas

Endor

ThomasADD
Prima, freut mich wenn es Dir weiterhilft.

Mann könnte das ganze mit etwas CSS Code noch auf hübschen:

CSS

@-moz-document url("chrome://downloadmgr/content/downloadmgrOverlay.xul"),
				   url("chrome://browser/content/downloads/contentAreaDownloadsView.xul"),
				   url("chrome://downloads_window/content/downloadsWindow.xul"),
				   url("chrome://browser/content/places/places.xul"),
				   url("about:downloads"){

    #downloadsRichListBox {-moz-appearance: none !important;  box-shadow: none !important; border: none !important;}

    #downloadsRichListBox > richlistitem{
    padding-top:1px!important;}


    #contentAreaDownloadsView,
    #downloadsRichListBox, #downloadsListBox {
    background: #fffff0 !important; box-shadow: none !important;}

    #dmtDownloadInfoBar, #dmtTopToolBar, #dmtSearchInfoBar{
    -moz-appearance: none !important;
    background:#F6F6F6!important;}	

    #contentAreaDownloadsView,
    #dmtTopToolBar{border-bottom: none !important;}

    #dmtCleanUpSep {display:none!important;}	


    #downloadsRichListBox > richlistitem.download {
    max-height: 25px !important;}


    #downloadsRichListBox > richlistitem.download{
    border: none !important;
    border-bottom: 1px  #000 !important;
    color: #000 !important;
    font-size: 16px !important;}	

    #downloadsRichListBox > richlistitem.download[selected="true"]:hover,
    #downloadsRichListBox > richlistitem.download[selected]:hover{
    background: rgba(255, 255, 0, 0.4) !important;
    color: #800000 !important;
    font-weight: bold !important; font-size: 16px !important;}       


    #downloadsListBox [selected="true"]:hover{
    background: rgba(255, 255, 0, 0.4) !important;
    color: #800000 !important;}




    #downloadsRichListBox > richlistitem.download[selected="true"]:not(:hover),
    #downloadsRichListBox > richlistitem.download[selected]:not(:hover){
    background: rgba(255, 255, 0, 0.4) !important;
    color: #800000 !important;
    font-weight: bold !important; font-size: 16px !important;}




    #downloadsRichListBox > richlistitem.download:not([selected]):hover{
    background: rgba(192, 0, 0, 0.4) !important; border-radius: 6px !important;}


    .downloadButton > .button-box > .button-icon, 
    #download-folder-button { 
    width: 24px!important;
    height: 18px!important;
    list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACaElEQVR4nKWTy0uUURiHn3O+M/PNxXEmsylRicpsFKLoAhIStSksCFrYBYQi6i9wIy0iqKRFuIigoKKoTeCmIjKwRcvoYnSz0NRQUymtmXRu3zfnnBa6iIgQ+sG7fN/fs3he+M+I9507+5UbbbAWhJTouZ/djaeeHFjsARlNJhvqD9eybpegfp9LRWp568v2pjOLJhi+2mZXNY/AeB8EQlC5lY+9IebGZnBc+a9upNLdSvsabAhLDHQEMfOc1N4t4K4BW1qo+WPXCkgoPt+ZaFUgIeAgZAnCmuJUnMkXkwg1jdUGqy3GCIzVWAtgsdpAUJNPx1DFn2my7zKUvimM8Rn7UkfNkXW4iQzacygPZyHyHawEJIUf5XglRbgyzKdr4yhj0vhrN1Ks2oT1oHa7JJrowctMUB72IA8tl8+SjGYo+JZrBx8Q0hrhDWL8BlQgXkWi7gPF0VeIYBn4Pv44lMVCECkA8GjqBInqHOmhr1z89pZYagiyBuM5KO1pmNboGYN0DFY6RN08PX2budC/n5y/hNXJAdyoy5Kl0xzrPUTufpGOplukAhNIrS3kHWTeQeQdZFZiMi4tK94Qm83ytLSDUDyALfgEq6t4OLmNlcVBdte8Zi4XRNqShgKIHIjC/PizAfDg7p7TtNkrDE3HMdEYI6MOHRXnudnSBVkH3wNlNFBQiLxElCRgEUAxH8F1BbebuxDPQtwePsrJeCfntt6AH0mISKxvUZh5AlUEYX63xaD9EI5jub7+EhuGB2ivuwezy9Ba4QiNNRbx+Hhjv1SmwWoN/F1d1/EXuMDTal5OCVov9mP+kV9PBQrGrlfvsgAAAABJRU5ErkJggg==") !important; background-repeat:no-repeat !important; }



    #download-folder-button .button-text{
    padding-left:10px !important;}

    .downloadButtonArea > .downloadButton.downloadShow.downloadIconShow{ 
    list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACaElEQVR4nKWTy0uUURiHn3O+M/PNxXEmsylRicpsFKLoAhIStSksCFrYBYQi6i9wIy0iqKRFuIigoKKoTeCmIjKwRcvoYnSz0NRQUymtmXRu3zfnnBa6iIgQ+sG7fN/fs3he+M+I9507+5UbbbAWhJTouZ/djaeeHFjsARlNJhvqD9eybpegfp9LRWp568v2pjOLJhi+2mZXNY/AeB8EQlC5lY+9IebGZnBc+a9upNLdSvsabAhLDHQEMfOc1N4t4K4BW1qo+WPXCkgoPt+ZaFUgIeAgZAnCmuJUnMkXkwg1jdUGqy3GCIzVWAtgsdpAUJNPx1DFn2my7zKUvimM8Rn7UkfNkXW4iQzacygPZyHyHawEJIUf5XglRbgyzKdr4yhj0vhrN1Ks2oT1oHa7JJrowctMUB72IA8tl8+SjGYo+JZrBx8Q0hrhDWL8BlQgXkWi7gPF0VeIYBn4Pv44lMVCECkA8GjqBInqHOmhr1z89pZYagiyBuM5KO1pmNboGYN0DFY6RN08PX2budC/n5y/hNXJAdyoy5Kl0xzrPUTufpGOplukAhNIrS3kHWTeQeQdZFZiMi4tK94Qm83ytLSDUDyALfgEq6t4OLmNlcVBdte8Zi4XRNqShgKIHIjC/PizAfDg7p7TtNkrDE3HMdEYI6MOHRXnudnSBVkH3wNlNFBQiLxElCRgEUAxH8F1BbebuxDPQtwePsrJeCfntt6AH0mISKxvUZh5AlUEYX63xaD9EI5jub7+EhuGB2ivuwezy9Ba4QiNNRbx+Hhjv1SmwWoN/F1d1/EXuMDTal5OCVov9mP+kV9PBQrGrlfvsgAAAABJRU5ErkJggg==") !important; background-repeat:no-repeat !important; }


    #searchFilter {
    -moz-appearance: none !important;
    margin-top: 7px !important;
    margin-bottom: 6px !important;
    border-radius: 14px !important;
    padding-right: 8px !important;
    padding-left:  8px !important;
    margin-right:  4px !important;
    max-height:   25px !important;}

    #dmtClearDownloadsButton {margin-top: 6px !important; margin-bottom: 5px !important;}

    #clearListButton{
    -moz-appearance: none !important;
    background: gainsboro url("data:image/gif;base64,R0lGODlhEAAQAOZOAP///3F6hcopAJMAAP/M//Hz9OTr8ZqksMTL1P8pAP9MDP9sFP+DIP8zAO7x8/D1/LnEz+vx+Flha+Ln7OLm61hhayk0QCo1QMfR2eDo8b/K1M/U2pqiqcfP15WcpcLK05ymsig0P2lyftnf5naBi8XJzZ6lrJGdqmBqdKissYyZpf/+/puotNzk66ayvtbc4rC7x9Xd5n+KlbG7xpiirnJ+ivDz9KKrtrvH1Ojv9ePq8HF8h2x2gvj9/yYyPmRueFxlb4eRm+71+kFLVdrb3c/X4KOnrYGMl3uGke/0+5Sgq1ZfaY6Xn/X4+f///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAE4ALAAAAAAQABAAAAexgE6CggGFAYOIiAEPEREPh4lOhpOUgwEAmJmaABuQAUktMUUYGhAwLiwnKp41REYmHB5MQUcyN0iQTjsAHU05ICM4SjMQJIg8AAgFBgcvE5gUJYgiycsHDisCApjagj/VzAACBATa5AJOKOAHAAMMDOTvA05A6w7tC/kL804V9uIKAipA52QJgA82dNAQRyBBgwYJyjmRgKmHkAztHA4YAJHfEB8hLFxI0W4AACcbnQQCADs=") no-repeat !important;
    color:black!important;
    font-size:12px!important;
    margin-top: 1px !important;
    padding-left:35px!important;
    padding-right:30px!important;
    border-width:2px!important;
    border-color: #dc143c!important;              
    background-position:10px 1px!important;
    border-radius:14px!important;}

    #clearListButton:hover{
    -moz-appearance: none !important;
    background: #B2EDFA url("data:image/gif;base64,R0lGODlhEAAQAOZOAP///3F6hcopAJMAAP/M//Hz9OTr8ZqksMTL1P8pAP9MDP9sFP+DIP8zAO7x8/D1/LnEz+vx+Flha+Ln7OLm61hhayk0QCo1QMfR2eDo8b/K1M/U2pqiqcfP15WcpcLK05ymsig0P2lyftnf5naBi8XJzZ6lrJGdqmBqdKissYyZpf/+/puotNzk66ayvtbc4rC7x9Xd5n+KlbG7xpiirnJ+ivDz9KKrtrvH1Ojv9ePq8HF8h2x2gvj9/yYyPmRueFxlb4eRm+71+kFLVdrb3c/X4KOnrYGMl3uGke/0+5Sgq1ZfaY6Xn/X4+f///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAE4ALAAAAAAQABAAAAexgE6CggGFAYOIiAEPEREPh4lOhpOUgwEAmJmaABuQAUktMUUYGhAwLiwnKp41REYmHB5MQUcyN0iQTjsAHU05ICM4SjMQJIg8AAgFBgcvE5gUJYgiycsHDisCApjagj/VzAACBATa5AJOKOAHAAMMDOTvA05A6w7tC/kL804V9uIKAipA52QJgA82dNAQRyBBgwYJyjmRgKmHkAztHA4YAJHfEB8hLFxI0W4AACcbnQQCADs=") no-repeat !important;
    color:black!important;
    font-size:12px!important;
    border-color: dodgerblue!important;
    padding-right:30px!important;
    padding-left:35px!important;
    background-position:10px 1px!important;
    border-radius:14px!important;}

    spacer.progress-bar{
    background:#32cd32!important;}		
    }

Alles anzeigen

Einzufügen ist das ganze in die Datei userChrome.css oder über diese aus einer
esternen Datei importieren lassen.

Mfg.
Endor