Download Popup mit Scrollbar

geldhuegel

Hallo Andreas,

funktioniert die Spielerei bei dir noch? Speziell interessiert mich ob bei "Alle Downloads anzeigen" das Icon vorhanden ist. Ich hab da nämlich keines. mehr.

Dharkness

Hallo geldhuegel,

das * muss dahingehend ** angepasst werden.

*

CSS

/*Alle Downloads anzeigen Icon*/
#downloadsFooterButtons.panel-footer button#downloadsHistory.downloadsPanelFooterButton hbox.box-inherit.button-box label.button-text {
  background: url("file:///C:/Users/Andi/Icons%20Firefox/savevideo.png") no-repeat !important;
  background-position: 0px 0px !important;
  padding-left: 25px !important;
}

**

CSS

/*Alle Downloads anzeigen Icon*/
#downloadsFooterButtons button#downloadsHistory.downloadsPanelFooterButton hbox.box-inherit.button-box label.button-text {
  background: url("file:///C:/Users/Andi/Icons%20Firefox/savevideo.png") no-repeat !important;
  background-position: 0px 0px !important;
  padding-left: 25px !important;
}

P.S.:

Bei der ersten ID muss also das .panel-footer entfernt werden, also statt so → #downloadsFooterButtons.panel-footer muss es so #downloadsFooterButtons aussehen.

2002Andreas

Zitat von geldhuegel

funktioniert die Spielerei bei dir noch?

Na klar

Teste bitte mal.

CSS

#downloadsListBox {
  max-height: 213px !important;
  overflow-y: auto !important;
}

#downloadsFooterButtons .button-box {
  display: flex !important;
  justify-content: center !important;
}

#downloadsHistory {
  appearance: none !important;
  background: url("file:///C:/Users/Andi/Icons%20Firefox/savevideo.png") no-repeat !important;
  background-position: 180px 3px !important;
  padding-left: 25px !important;
}

#downloadsFooterButtons.panel-footer button#downloadsHistory.downloadsPanelFooterButton hbox.box-inherit.button-box label.button-text {
  appearance: none !important;
  background: url("file:///C:/Users/Andi/Icons%20Firefox/savevideo.png") no-repeat !important;
  background-position: 0px 0px !important;
  padding-left: 25px !important;
}

.downloadTarget {
  color: blue !important;
  font-size: 16px !important;
}
 
#emptyDownloads {
  color: red !important;
}
 
#emptyDownloads {
  appearance: none !important;
  background: url("file:///C:/Users/Andi/Icons%20Firefox/feed_delete.png") no-repeat !important;
  background-position: 0px 26px !important;
  padding-left: 25px !important;
}

.panel-view-body-unscrollable { /*Keine Downloads in dieser Sitzung mittig*/
  display: flex !important;
  justify-content: center !important;
}

.downloadDetails.downloadDetails {
  font-weight: bold !important;
  font-size: 15px !important;
  color: red !important;
}

.downloadIconShow > .button-box > .button-icon {
  fill: blue !important;
}


.downloadIconRetry > .button-box > .button-icon {
  fill: red !important;
}

Alles anzeigen

Dharkness

Zitat von 2002Andreas

Na klar

Hm,

wenn ich nicht die von mir vorgeschlagene Änderung mache, funktioniert es hier nicht.

Screenshot mit Änderung:

Screenshot ohne Änderung:

2002Andreas

Zitat von Dharkness

funktioniert es hier nicht.

Eigenartig

Dharkness

Zitat von 2002Andreas

Eigenartig

In der Tat, aber da es bei mir mit meiner Änderung funktioniert, gehe ich dem nun nicht wirklich auf den Grund, das ist viel zu viel Arbeit und heute ist Sonntag.

2002Andreas

Zitat von Dharkness

und heute ist Sonntag.

Genauuu..Zeit gleich einen Spaziergang zu machen mit meiner Frau

milupo

Hier ist Sonntag und Feiertag. Wir werden um einen Feiertag „behummst“ und die Katholiken wieder bevorteilt.

.DeJaVu

So ist das mal, es ist aber auch ab und an andersherum. Mir ist das wurscht, ich hab Dienstag noch Urlaub dazugebucht, statt Freitag, und den Samstag noch geknechtet

PS Sachsen hat (als einziges BL) noch Buß- und Bettag im November.

geldhuegel

Dharkness: wenn ich deine Änderung durchführe erhalte ich das Icon.

2002Andreas: wenn ich dein neues Script verwende erhalte ich das Icon.

Wenn ich im neuen Script die Änderung von Dharkness vornehme erhalte ich zwei Icons:

Vielen Dank für eure Hilfe.

omar1979

Danke hab mich auch bedient..

Habe dieses mit meines zusammengefügt.. funkt toll.

Ich wollte noch die 3 Icons

.downloadIconShow >

.downloadIconRetry >

.downloadIconCancel >

ändern, funkt aber nicht, wenn ich es im CSS-Datei habe.

Im Stilbearbeitung von Browser-Werkzeuge hingegen funkt es.

Weiss jemand den Grund?

Hier noch meine ganze Code mit dem vom 2002Andreas zusammengefügt.

CSS

  /* Downloads Icon ändern */
  #downloads-button > stack {
    width: 60px !important;
    background-image: url("..//favicons/download1.png") !important;
    background-repeat: no-repeat !important;
    background-position: 15px -2px !important;
    background-size: 60px 25px !important;
  }
  #downloads-button > stack {
    fill: transparent !important;
  }
  #downloads-button {
    --toolbarbutton-active-background: transparent !important;
    --toolbarbutton-icon-fill-attention: rgb(3, 255, 3) !important;
  }
  #downloads-button > .toolbarbutton-badge-stack > #downloads-indicator-progress-outer {
    border: 2px solid rgb(3, 255, 3) !important;
  }
  /* Download-Prozessor Popups ändern */
  progress::-moz-progress-bar { 
    background-color: rgb(3, 255, 3) !important;  
  }
  .downloadProgress {
    background: white !important;
    height: 15px !important;
  }
  #downloadsPanel-mainView,
  #downloadsPanel {
    background-color: red !important;
  }
  #downloadsHistory {
    background: url("..//favicons/savevideo.png") no-repeat !important;
    background-position: 220px 3px !important;
    padding-left: 25px !important;
    font-size: 15px !important;
    color: blue !important;
  }
  .downloadTarget {
    color: blue !important;
    font-size: 16px !important;
  }  
  /* Popup Höhe ab wann Scrollbar erscheint */
  #downloadsListBox {
    max-height: 213px !important;
    overflow-y: auto !important;
  }
  /* Popup Breite */
  #downloadsPanel-mainView,
  #downloadsListBox { 
    min-width: 650px !important;
  }
  /* Kleine Pfeilspitze oben rechts weg */
  ::part(arrow) {
    display: none !important;
  }
  /* Alle Downloads anzeigen Text mittig */
  #downloadsFooterButtons .button-box {
    display: flex !important;
    justify-content: center !important;
  }
  /* Alle Downloads anzeigen Icon */
  #downloadsFooterButtons.panel-footer button#downloadsHistory.downloadsPanelFooterButton hbox.box-inherit.button-box label.button-text {
    background: url("..//favicons/savevideo.png") no-repeat !important;
    background-position: 2px 3px !important;
    padding-left: 25px !important;
  }
  /* Keine Downloads in dieser Sitzung Icon + Textfarbe */
  #emptyDownloads {
    appearance: none !important;
    background: url("..//favicons/feed_delete.png") no-repeat !important;
    background-position: 4px 26px !important;
    padding-left: 25px !important;
    color: blue !important;
    font-size: 15px !important;
  }
  /* Keine Downloads in dieser Sitzung Text mittig */
  .panel-view-body-unscrollable { 
    display: flex !important;
    justify-content: center !important;
  }
  .downloadDetails.downloadDetails {
    font-size: 15px !important;
    color: blue !important;
  }
  .downloadIconShow > .button-box > .button-icon {
    list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/Folder.png");
    background-position: 4px 15px !important;
    fill: blue !important;
  } 
  .downloadIconRetry > .button-box > .button-icon {
    list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/retry.png");
    background-position: 4px 15px !important;
    fill: blue !important;
  } 
  .downloadIconCancel > .button-box > .button-icon {
    list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/close.png");
    background-position: 4px 15px !important;
    fill: blue !important;
  }

Alles anzeigen

Was ich aber will, ist nur diesen Teil der Code ändern:

CSS

  .downloadIconShow > .button-box > .button-icon {
    list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/Folder.png");
    background-position: 4px 15px !important;
    fill: blue !important;
  } 
  .downloadIconRetry > .button-box > .button-icon {
    list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/retry.png");
    background-position: 4px 15px !important;
    fill: blue !important;
  } 
  .downloadIconCancel > .button-box > .button-icon {
    list-style-image: url("file:///C:/Users/askas/AppData/Roaming/Mozilla/Firefox/Profiles/use9514s.default-release/chrome/favicons/close.png");
    background-position: 4px 15px !important;
    fill: blue !important;
  }

Alles anzeigen

also nur dass die Icon's angezeigt werden.

Besten Dank.

2002Andreas

Zitat von omar1979

Weiss jemand den Grund?

Du hast wieder das !important hinter dem Icon vergessen

Und den Zusatz fill brauchst du dabei auch nicht.

Der funktioniert nur mit dem Original Icon, bzw. einem .svg Icon.

omar1979

Zitat von 2002Andreas

dem Icon vergessen

Was für eine Schande!

Danke dir 2002Andreas

milupo

Zitat von .DeJaVu

PS Sachsen hat (als einziges BL) noch Buß- und Bettag im November.

Gerade erst gesehen. Ja, der ist aber „erkauft“. Dafür müssen die sächsischen Beschäftigen noch die Pflegeversicherung als Sozialabgabe bezahlen.

.DeJaVu

Ok.

Ich hab die Feiertage im (Google-)Kalender stehen und muss meistens auch erst nachschauen, welches Land dabei ist. Das mit dem Reformationstag kenne ich schon aus den letzten 20 Jahren. Ich hatte das teils genutzt, um Freunde zu besuchen, letztes Jahr war Allerheiligen hier auf nem Sonntag, 2022 ist das hier Dienstag, Reformationstag auf Montag - da werd ich einen Brückentag nehmen. Weihnachten fällt dies Jahr auch wieder AG-freundlich aus.

milupo

Zitat von .DeJaVu

Weihnachten fällt dies Jahr auch wieder AG-freundlich aus.

Dafür ist Buß- und Bettag immer AN-freundlich, da er immer auf einen Mittwoch fällt. Wie Ostermontag, Pfingstmontag und Karfreitag.

Zitat von .DeJaVu

Ich hatte das teils genutzt, um Freunde zu besuchen

In den Grenzgebieten der Bundesländer soll es da auch eine Art Käufertourismus geben. Am Buß- und Bettag werden sicherlich die Leipziger nach Sachsen-Anhalt fahren und z. B. am 6. Januar die Sachsen-Anhalter nach Leipzig.

2002Andreas

Zitat von milupo

Käufertourismus geben

Dann ist der Sprit noch viel zu billig

milupo

Zitat von 2002Andreas

Dann ist der Sprit noch viel zu billig

Das ist hier an der tschechischen Grenze anders. Da fährt man nach Tschechien, um billiger zu tanken. Noch ist es wohl möglich. Da sind die tschechischen Feiertage wichtig.

.DeJaVu

Richtung Holland hat das nachgelassen, nicht nur wegen Corona - es lohnt nicht mehr wirklich wegen Kaffee, Sprit sowieso nicht mehr, der ist dort noch teurer. Ich war immer lang genug dort, um Einkäufe in Ruhe zu tätigen.

milupo

Wird bei uns hier auch nicht anders sein. Hier von Neustadt lohnt sich das noch und in Sebnitz sowieso. Die Dresdner müssen dann sicherlich schon überlegen. Die Sebnitzer brauchen nur über die Grenze laufen/fahren. Die paradiesischen Zeiten von kurz nach der Wende sind lange vorbei.

Download Popup mit Scrollbar

Ähnliche Themen

userChrome.js Scripte für den Fuchs (Diskussion)

downloadfenster anpassen ?

Vertikale Tableiste mit Autohide...

URL/Adressleistengröße anpassen

Grafikprobleme auf der Seite: Testberichte.de

DownloadStatusModoki.uc.js umbasteln