Problem mit Badge-Symbolen im Nightly

milupo

Hallo, ich habe seit gestern ein kleines Problem mit Badge-Symbolen im Nightly. Badge-Symbole haben ja oben rechts in der Ecke ein kleines Quadrat mit einer eigenen Hintergrundfarbe, wo in der Regel eine Zahl angezeigt wird. Seit gestern macht sich bei den beiden Badge-Symbolen im „Badge-Modus“ die Hintergrundfarbe des Badge-Quadrates über die Größe des ganzen Symbols breit, verdeckt es also. Wodurch könnte das verursacht werden? Es betrifft bei mir die Symbole der Erweiterungen Pontoon-Tools und Adblock Plus. Bei den Pontoon-Tools ist das Symbol sogar dauerhaft im Badge-Modus, da dort entweder 0, die Anzahl der Benachrichtigungen oder ein Ausrufezeichen angezeigt werden. Diese Anzeige bezieht sich auf die Website pontoon.mozilla.org. Das Ausrufezeichen erscheint dann, wenn ich bei der Website nicht angemeldet bin. Hier zwei Bildschirmfotos für das Symbol von Pontoon Tools, einmal mit dem richtigen Badge-Symbol (Fx 70 und Fx 71) und einmal mit dem falschen Badge-Symbol (72er Nightly):

Hier mit dem richtigen Badge-Symbol:

Hier mit dem falschen Badge-Symbol:

Die Symbole sind rot bzw. gelb umrahmt.

2002Andreas

Tcha, ist eben Nightly.

Hier ist das auch so:

milupo

Hallo Andreas, danke für die Antwort. Dann hoffe ich darauf, dass das Nightly bald nicht mehr Nightly sein wird.

milupo

Hier ist der zugehörige Bugreport:

https://bugzilla.mozilla.org/show_bug.cgi?id=1596176

Boersenfeger

Ist hier auch so, ich finde es gar nicht mal schlecht, zeigt mir zuverlässig und sehr auffällig an, wenn z.B. uBlock origin etwas auf einer Seite blockt.

milupo

Zitat von Boersenfeger

Ist hier auch so, ich finde es gar nicht mal schlecht, zeigt mir zuverlässig und sehr auffällig an, wenn z.B. uBlock origin etwas auf einer Seite blockt.

Sofern du weißt, dass es sich um das uBlock-Symbol handelt, denn das siehst du ja nicht mehr ...

BrokenHeart

Ich find's auch cool...

Allerdings habe ich von Haus aus transparente Badges, die sich erst beim Hovern umfärben.

milupo

Wie hast du denn das hingekriegt? Die Symbole werden ja von den Erweiterungen mitgeliefert.

BrokenHeart

So z.B.:

CSS

#navigator-toolbox  #forecastfox_s3_fix_version-browser-action .toolbarbutton-badge, /*Forecast Fox*/ 
#navigator-toolbox  #_73a6fe31-595d-460b-a920-fcc0f8843232_-browser-action .toolbarbutton-badge, /*NoScript*/
#navigator-toolbox  #ublock0_raymondhill_net-browser-action .toolbarbutton-badge,  /*UBlock*/
#navigator-toolbox  #jid1-mnnxcxisbpnsxq_jetpack-browser-action .toolbarbutton-badge /*Privacy Badger*/
{
  background-color: rgba(0,0,0,0.25) !important;
  color: white !important;
}

#navigator-toolbox  #forecastfox_s3_fix_version-browser-action:hover:not([disabled="true"]) .toolbarbutton-badge, /*Forecast Fox*/ 
#navigator-toolbox  #_73a6fe31-595d-460b-a920-fcc0f8843232_-browser-action:hover:not([disabled="true"]) .toolbarbutton-badge, /*NoScript*/
#navigator-toolbox  #ublock0_raymondhill_net-browser-action:hover:not([disabled="true"]) .toolbarbutton-badge,  /*UBlock*/
#navigator-toolbox  #jid1-mnnxcxisbpnsxq_jetpack-browser-action:hover:not([disabled="true"]) .toolbarbutton-badge /*Privacy Badger*/
{
  background-color: rgba(160,30,30,1) !important;
}

#navigator-toolbox  #s3download_statusbar-browser-action .toolbarbutton-badge-stack, /*Download-Statusbar*/  
#navigator-toolbox  #_4d787612-565e-4a13-be4d-574eb2979032_-browser-action .toolbarbutton-badge-stack, /*Reload All Tabs*/
#navigator-toolbox  #close-all-tabs-single_codefisher_org-browser-action .toolbarbutton-badge, /*Close All Tabs*/
#navigator-toolbox  #restart-button .toolbarbutton-icon, /*Restart*/
#navigator-toolbox  #aboutconfig-ToolBarButton .toolbarbutton-icon,  /*AboutConfig*/
#navigator-toolbox  #context-viewinfo .toolbarbutton-icon /*Info-Medien anzeigen*/
{
    margin-left: -2px !important;
}

#navigator-toolbox  #_73a6fe31-595d-460b-a920-fcc0f8843232_-browser-action .toolbarbutton-badge-stack, /*NoScript*/
#navigator-toolbox  #ublock0_raymondhill_net-browser-action .toolbarbutton-badge-stack,  /*UBlock*/
#navigator-toolbox  #jid1-mnnxcxisbpnsxq_jetpack-browser-action .toolbarbutton-badge-stack, /*Privacy Badger*/
#navigator-toolbox  #forecastfox_s3_fix_version-browser-action .toolbarbutton-badge-stack /*Forecast Fox*/ 
{
    background:transparent!important;
    filter: brightness(110%) contrast(75%) grayscale(100%) drop-shadow(2px 2px 1px rgba(16,16,16,0.5)) !important; 
}

#navigator-toolbox  #_73a6fe31-595d-460b-a920-fcc0f8843232_-browser-action:hover:not([disabled="true"]) .toolbarbutton-badge-stack, /*NoScript*/
#navigator-toolbox  #ublock0_raymondhill_net-browser-action:hover:not([disabled="true"]) .toolbarbutton-badge-stack,  /*UBlock*/
#navigator-toolbox  #jid1-mnnxcxisbpnsxq_jetpack-browser-action:hover:not([disabled="true"]) .toolbarbutton-badge-stack, /*Privacy Badger*/ 
#navigator-toolbox  #forecastfox_s3_fix_version-browser-action:hover:not([disabled="true"]) .toolbarbutton-badge-stack /*Forecast Fox*/ 
{
    background:transparent!important;
    filter: brightness(125%) contrast(100%) grayscale(0%) drop-shadow( 1px 1px 2px rgba(255,255,255,0.33)) drop-shadow( -1px -1px 2px rgba(255,255,255,0.33)) !important; 
}

Alles anzeigen

milupo

Danke, wieder etwas gelernt.

milupo

Habe gerade das Nightly aktualisiert. Das Problem ist behoben.