Probleme mit Statusleiste

2002Andreas

Du musst deinen css Code etwas anpassen.

Vor den Einträgen statuspanel und statuspanel-label muss jetzt jeweils ein #

Also:
#statuspanel-label

#statuspanel

Mr. Cutty

Leider funktioniert das nicht so ganz, da sie nun zwar wieder in der Leite drinnen ist aber sehr weit nach unten gerutscht das man sie kaum sieht. Auch hat sie einen andersfarbigen Rahmen außenrum.

[attachment=0]url-statusleiste.png[/attachment]

Mein Code in der userChrome.css:

CSS

/* Statusleiste ab Firefox 57 / Helles Standard-Theme */


#statusleiste {
  height: 24px !important; /* 24px oder 36px für Buttons */
  direction: rtl !important; /* Buttons nach rechts ausrichten*/
  background: #F5F6F7 !important;
  border-top: 1px solid #CCCCCC !important;
}


#statuspanel {
  background-color: transparent !important;
  border: none !important;
  bottom: -2px !important; /* -2px oder 4px für Buttons */
  height: 24px !important;
  max-width: 100% !important; /* 100% oder ca. 50% bis 75% für Buttons */
  transition: none !important; 
}


statuspanel .statuspanel-inner {
  background-color: #F5F6F7 !important;
  border: none !important;
  height: 24px !important;
  padding-bottom: 3px !important;
  padding-left: 2px !important;
}


#statuspanel .statuspanel-label {
  background-color: transparent !important;
  border: none !important;
  color: #000000 !important;
}

Alles anzeigen

2002Andreas

Ich nutze diesen kleinen Code dafür, kannst es ja mal testen wenn du magst.

CSS

#statuspanel {
border:none!important;
margin-top:-15px!important;
}


#statuspanel-label{
margin-bottom:-2px!important;
border:none!important;
background:transparent!important;


}

Alles anzeigen

Die Abstände musst du dir evtl. noch anpassen.

Mr. Cutty

Ich habe nun folgenden Code bei mir in der userChrome.css.

CSS

/* Statusleiste ab Firefox 61 / Helles Standard-Theme */


#statusleiste {
  height: 24px !important; /* 24px oder 36px für Buttons */
  direction: rtl !important; /* Buttons nach rechts ausrichten*/
  background: #F5F6F7 !important;
  border-top: 1px solid #CCCCCC !important;
}


#statuspanel {
  background-color: transparent !important;
  border: none !important;
  bottom: 13px !important;
  height: 24px !important;
  max-width: 100% !important; /* 100% oder ca. 50% bis 75% für Buttons */
  transition: none !important; 
}


#statuspanel-label {
  border:none !important;
  background:transparent !important;
  padding-top: 3px !important;
  padding-left: 6px !important;
  color: #000000 !important;
}

Alles anzeigen

Damit sieht es nun wieder so aus wie vorher.

[attachment=0]url-statusleiste.png[/attachment]

Danke 2002Andreas.

2002Andreas

Freut mich dass ich dir damit zumindest etwas helfen konnte, war gern geschehen