Probleme mit Firefox 59

bananovic

Ich habe soeben Firefox 59 installiert und mußte feststellen, daß nun die Tab-schließen-Schaltfläche nicht mehr so aussieht wie zuvor. Bisher hatte ich mit folgender Einstellung in der userChrome.css auf den Tabs ein weißes Schließkreuz auf einem roten Hintergrund mit abgerundetem Eckradius:

CSS

#TabsToolbar .tab-close-button {
  margin-right: -4px !important;
  padding: 0 !important;
  color: white !important;
}
#TabsToolbar .tab-close-button .tabtoolbarbutton-icon {
  height: 15px !important;
  width:  15px !important;
  background-color: #C95D5E !important;
  border-radius: 5px !important;
}

Alles anzeigen

Jetzt ist der rote Hintergrund weg und es ist nur noch das weiße Schließkreuz vorhanden. Wie kann ich die ursprüngliche Ansicht wiederherstellen?

2002Andreas

Entfern bitte mal aus dem 2ten Code das:

.tabtoolbarbutton-icon

Und teste es dann.

Msfreak

Dann ist die gesamte Tableiste rot

2002Andreas

Zitat von Msfreak

Dann ist die gesamte Tableiste rot

:-??

[attachment=0]Zwischenablage01.jpg[/attachment]

bananovic

Danke Andreas, das war es.

Msfreak

Das funktioniert bei mir nicht so richtig
Habe es mit älteren Versionen versucht, aber die Updates sind schneller als ich diese abschalten kann. Ich halte mich jetzt hier raus.

2002Andreas

Zitat von bananovic

Danke Andreas, das war es.

Bitte, war gern geschehen

cazador

Ich greife dieses Thema noch einmal auf weil mein Problem gleich geartet ist.
Es ist aber bei mir nur eine teilweise funktionierende Lösung.
Ausgangssituation:
[attachment=0]Firefox_58_0_2.jpg[/attachment]

Wenn ich jetzt wie von 2002Andreas beschrieben ".tabtoolbarbutton-icon" entferne dann wird Button wieder in rot dargestellt.
Wenn ich allerdings einen neuen Tab öffne, ist der aktive Tab in rot, der inaktive aber wieder in transparent.
Im Spoiler die Original userChrome.css

CSS

/**********************************************************
 ********** Angaben für die TAB-Leiste ********************
 **********************************************************/


/* TAB normal (inaktiv):
 * Hintergrundfarbe, Schriftfarbe,
 * Rahmen um die TABs, oben abgerundet und Abstände angepaßt,
 * unten kein Rahmen -> Abschlußrahmen vom Container.
 */
 
 #TabsToolbar {
	min-height: 25px !important;
	max-height: 25px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
    }


.tabbrowser-tab{
	min-height: 20px !important;
	max-height: 20px !important;
	}
 
 #toolbar-menubar:not([autohide=true]) ~ #TabsToolbar > #tabbrowser-tabs > .tabbrowser-tab > .tab-stack > .tab-background {
  border:none!important;}
 
#TabsToolbar .tabbrowser-tab {
 
  color: black !important;
  border: 1px solid !important;
  border-bottom: none !important;
 
  border-radius: 10px 10px 0 0 !important;
  margin: 3px 1px 1px 2px !important;
  padding: 1px 0 !important;
}


/* TAB bei Mauskontakt:
 * Hintergrundfarbe, Rahmen
 */
#TabsToolbar .tabbrowser-tab:hover {
 
  color: black !important;


}


/* TAB bei bei angewähltem TAB (aktiv):
 * Hintergrundfarbe, Rahmen,
 * Schriftfarbe.
 */
#TabsToolbar .tabbrowser-tab[selected="true"] {
 background: mistyrose !important;
  font-weight:bold !important;
  color: black ! important;


}


/* Tab-Icon etwas größer,
 * links weniger, unten etwas mehr Abstand zum TAB-Rand.
 */
#TabsToolbar .tab-icon-image {
  height: 14px !important;
  width:  14px !important;
  margin-left: -4px !important;
  margin-bottom: 2px !important;
}
/* Tab-Schließen-Button:
 * Rechts weniger Abstand zum TAB-Rand, etwas größer,
 * Textfarbe (Kreuz)
 * Hintergrundfarbe, an den Eckenradius des Buttons angepaßt.
 */
#TabsToolbar .tab-close-button {
  margin-right: -4px !important;
  margin-bottom: 2px !important;
  padding: 0 !important;
  color: white !important;
}
#TabsToolbar .tab-close-button .toolbarbutton-icon {
  height: 14px !important;
  width:  14px !important;
  background-color: red !important;
  border-radius: 5px !important;
}


/* Tab-Schließen-Button bei angewähltem TAB (aktiv):
 * Hintergrundfarbe.
 */
#TabsToolbar .tab-close-button[selected="true"] .toolbarbutton-icon {
  background-color: red !important;
}


/* Alle anderen Elemente in den TABs ohne Hintergrund.
 */
#TabsToolbar .tabbrowser-tab * {
  background: none !important;
}

Alles anzeigen

Edit 2002Andreas
Text in Klammercode gesetzt.

2002Andreas

Teste bitte mal:

CSS

/* TAB normal (inaktiv):
* Hintergrundfarbe, Schriftfarbe,
* Rahmen um die TABs, oben abgerundet und Abstände angepaßt,
* unten kein Rahmen -> Abschlußrahmen vom Container.
*/


#TabsToolbar {
min-height: 25px !important;
max-height: 25px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
}


.tabbrowser-tab{
min-height: 20px !important;
max-height: 20px !important;
}


#toolbar-menubar:not([autohide=true]) ~ #TabsToolbar > #tabbrowser-tabs > .tabbrowser-tab > .tab-stack > .tab-background {
border:none!important;}


#TabsToolbar .tabbrowser-tab {


color: black !important;
border: 1px solid !important;
border-bottom: none !important;


border-radius: 10px 10px 0 0 !important;
margin: 3px 1px 1px 2px !important;
padding: 1px 0 !important;
}


/* TAB bei Mauskontakt:
* Hintergrundfarbe, Rahmen
*/
#TabsToolbar .tabbrowser-tab:hover {


color: black !important;


}


/* TAB bei bei angewähltem TAB (aktiv):
* Hintergrundfarbe, Rahmen,
* Schriftfarbe.
*/
#TabsToolbar .tabbrowser-tab[selected="true"] {
background: mistyrose !important;
font-weight:bold !important;
color: black ! important;


}


/* Tab-Icon etwas größer,
* links weniger, unten etwas mehr Abstand zum TAB-Rand.
*/
#TabsToolbar .tab-icon-image {
height: 14px !important;
width: 14px !important;
margin-left: -4px !important;
margin-bottom: 2px !important;
}
/* Tab-Schließen-Button:
* Rechts weniger Abstand zum TAB-Rand, etwas größer,
* Textfarbe (Kreuz)
* Hintergrundfarbe, an den Eckenradius des Buttons angepaßt.
*/
#TabsToolbar .tab-close-button {
margin-right: -4px !important;
margin-bottom: 2px !important;
padding: 0 !important;
color: white !important;
}
#TabsToolbar .tab-close-button {
height: 14px !important;
width: 14px !important;
background-color: red !important;
border-radius: 5px !important;
}


/* Tab-Schließen-Button bei angewähltem TAB (aktiv):
* Hintergrundfarbe.
*/
#TabsToolbar .tab-close-button[selected="true"],
 #TabsToolbar .tab-close-button:not([selected="true"]) {
background-color: red !important;
}


/* Alle anderen Elemente in den TABs ohne Hintergrund.
*/
#TabsToolbar .tabbrowser-tab * {
background: none !important;
}

Alles anzeigen

cazador

Danke Andreas.
Das hast du ja wieder SUPER gemacht.
Hier dein fertiges Ergebnis.
[attachment=0]A.jpg[/attachment]

2002Andreas

Freut mich wenn ich dir damit helfen konnte, war gern geschehen