Download Popup fehlerhaft

geldhuegel

Hallo zusammen,

ich verwende folgendes CSS für Änderungen im Download Popup:

CSS

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

#downloadsPanel-multiView #downloadsPanel-mainView {
    width: 44em !important;
}

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

#downloadsHistory {
  appearance: none !important;
  background: url("file:///C:/Users/geldh/AppData/Roaming/Mozilla/Firefox/Profiles/rq9bmbv4.Neustart/chrome/Icons/savevideo.png") no-repeat !important;
  background-position: 130px 8px !important;
  padding-left: 25px !important;
}

#downloadsFooterButtons button#downloadsHistory.downloadsPanelFooterButton hbox.box-inherit.button-box label.button-text {
  appearance: none !important;
  background: url("file:///C:/Users/geldh/AppData/Roaming/Mozilla/Firefox/Profiles/rq9bmbv4.Neustart/chrome/Icons/savevideo.png") no-repeat !important;
  background-position: 0px 0px !important;
  padding-left: 25px !important;
}

.downloadTarget {
  color: blue !important;
  font-size: 16px !important;
}
 
#emptyDownloads {
  font-weight: bold !important;
  font-size: 15px !important;
  color: red !important;
}
 
#emptyDownloads {
  appearance: none !important;
  background: url("file:///C:/Users/geldh/AppData/Roaming/Mozilla/Firefox/Profiles/rq9bmbv4.Neustart/chrome/Icons/feed_delete.png") no-repeat !important;
  background-position: 0px 25px !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-size: 13px !important;
  color: red !important;
}

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


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

Alles anzeigen

Leider sind die Icons und der Text seit FF 113 linksbündig und nicht zentriert.

Was muss ich ändern? Ich bitte um Hilfe.

Horstmann

#downloadsListBox {

Zitat von geldhuegel

Leider sind die Icons und der Text seit FF 113 linksbündig und nicht zentriert.

Du könntest sowas mal probieren, im Prinzip hab ich nur an diversen Stellen margin-inline: auto !important; dazugepackt.

Wo es nötig ist und wo nicht habe ich allerdings nicht im Detail getestet.

Ein Screenshot würde evtl. auch helfen für genauere Modifikationen.

CSS

#downloadsListBox {
  max-height: 1213px !important;
  overflow-y: auto !important;
  margin-inline: auto !important;
}

#downloadsPanel-multiView #downloadsPanel-mainView {
    width: 44em !important;
}

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

#downloadsHistory {
  appearance: none !important;
  background: url("file:///C:/Users/geldh/AppData/Roaming/Mozilla/Firefox/Profiles/rq9bmbv4.Neustart/chrome/Icons/savevideo.png") no-repeat !important;
  background-position: 130px 8px !important;
  padding-left: 25px !important;
  margin-inline: auto !important;
}

#downloadsFooterButtons button#downloadsHistory.downloadsPanelFooterButton hbox.box-inherit.button-box label.button-text {
  appearance: none !important;
  background: url("file:///C:/Users/geldh/AppData/Roaming/Mozilla/Firefox/Profiles/rq9bmbv4.Neustart/chrome/Icons/savevideo.png") no-repeat !important;
  background-position: 0px 0px !important;
  padding-left: 25px !important;
  margin-inline: auto !important;
}

.downloadTarget {
  color: blue !important;
  font-size: 16px !important;
}
 
#emptyDownloads {
  font-weight: bold !important;
  font-size: 15px !important;
  color: red !important;
}
 
#emptyDownloads {
  appearance: none !important;
  background: url("file:///C:/Users/geldh/AppData/Roaming/Mozilla/Firefox/Profiles/rq9bmbv4.Neustart/chrome/Icons/feed_delete.png") no-repeat !important;
  background-position: 0px 25px !important;
  padding-left: 25px !important;
  margin-inline: auto !important;
}

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

.downloadDetails.downloadDetails {
  font-size: 13px !important;
  color: red !important;
}

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


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

Alles anzeigen

2002Andreas

Zitat von geldhuegel

Was muss ich ändern?

Teste bitte:

CSS

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

#downloadsPanel-multiView #downloadsPanel-mainView {
    width: 44em !important;
}

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

#downloadsHistory {
  appearance: none !important;
  background: url("file:///C:/Users/geldh/AppData/Roaming/Mozilla/Firefox/Profiles/rq9bmbv4.Neustart/chrome/Icons/savevideo.png") no-repeat !important;
  background-position: 0px 8px !important;
  padding-left: 25px !important;
  display: flex !important;
  margin-inline: auto !important;
}
}

#downloadsFooterButtons button#downloadsHistory.downloadsPanelFooterButton hbox.box-inherit.button-box label.button-text {
  appearance: none !important;
  background: url("file:///C:/Users/geldh/AppData/Roaming/Mozilla/Firefox/Profiles/rq9bmbv4.Neustart/chrome/Icons/savevideo.png") no-repeat !important;
  background-position: 0px 0px !important;
  padding-left: 25px !important;
}

.downloadTarget {
  color: blue !important;
  font-size: 16px !important;
}
 
#emptyDownloads {
  font-weight: bold !important;
  font-size: 15px !important;
  color: red !important;
}
 
#emptyDownloads {
  appearance: none !important;
  background: url("file:///C:/Users/geldh/AppData/Roaming/Mozilla/Firefox/Profiles/rq9bmbv4.Neustart/chrome/Icons/feed_delete.png") no-repeat !important;
  background-position: 0px 25px !important;
  padding-left: 25px !important;
}

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

.downloadDetails.downloadDetails {
  font-size: 13px !important;
  color: red !important;
}

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


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

Alles anzeigen

Horstmann

Zitat von 2002Andreas

Teste bitte:

Sieht hier gut aus!

2002Andreas

Zitat von Horstmann

Sieht hier gut aus!

Horstmann

Zitat von 2002Andreas

Sach ich doch, sieht gut (funktionell, nicht hübsch ) aus - oder hab ich was übersehen?

2002Andreas

Zitat von Horstmann

Sach ich doch, sieht gut

Finde ich ja auch, darum das Bild wie es bei mir aussieht

Horstmann

Zitat von 2002Andreas

Finde ich ja auch, darum das Bild wie es bei mir aussieht

Ah, verstehe, dachte da wäre was im Argen - die ewige Angst vor der kompetenzschwachen Falschaussage ...

2002Andreas

Zitat von Horstmann

dachte da wäre was im Argen

Alles ist gut

geldhuegel

Vielen Dank. Jetzt ist es wieder gut.