neue Schaltfläche "Einheitliche Erweiterungen"

Horstmann

Zitat von FuchsFan

Zitat von Mira_Belle

Es funktioniert jetzt, und zwar genau, wie es soll.

Gratulation noch zu Deiner Datei, ist ja Wahnsinn.

Wenn Mira_Belle Blut leckt, dann gibt's kein Erbarmen bis zur totalen Unterwerfung der Problematik !

In diesem Fall schweifen die Korrekturen und Hinzufügungen im sub-sub-sub Menü Bereich vielleicht etwas vom - sonst viel beachteten - Haupthema ab, um ehrlich zu sein - aber man kann ja nie genug dazulernen .

Zitat von DenalB

Mir ist das aktuell zu viel Aufwand, den Button oder den Inhalt anzupassen. Wie schon geschrieben, wird sich da zukünftig noch einiges ändern. Und so schlimm finde ich den Button nicht. Hab mich schon daran gewöhnt. Wollte ihn nur verschieben und das klappt ja nun dank 2002Andreas

Ich denke auch dass man momentan vielleicht noch nicht zu sehr ins Detail gehen sollte, wenn man eine lang- oder mittelfristige Lösung für den Button und das dazugehörige UI sucht .

Die momentan vorhanden Scripts zum Verschieben , wie das von 2002Andreas gepostete , machen für mich schonmal einen grossen Unterschied ; in Ausführung und Design sieht der Rest noch sehr nach Beta aus .

FuchsFan

Zitat von DenalB

Mir ist das aktuell zu viel Aufwand, den Button oder den Inhalt anzupassen. Wie schon geschrieben, wird sich da zukünftig noch einiges ändern. Und so schlimm finde ich den Button nicht. Hab mich schon daran gewöhnt.

Und es werden sich alle daran gewöhnen, ist nur der erste Schreck, wieder umgewöhnen.

Weil es für Dich zu viel Aufwand ist, so mache ich Dir ein Geschenk (für alle Anderen natürlich auch), hier die zweite Bastelvorlage.

CSS

@-moz-document url-prefix(chrome://browser/content/browser.xhtml) {

    
/*  Eigenes Icon für Button in der Symbolleiste */
#unified-extensions-button > .toolbarbutton-icon {
    list-style-image: url("..//icons/0502.png") !important;
    opacity: 0.8 !important;
}

/* Popup-Menü HG und Border */
#unified-extensions-view.cui-widget-panelview{
    background-color: gainsboro !important;
    border: 4px solid royalblue !important;
    padding: 0 10px 0 10px !important; 
    width: 1000px !important;    
}

/* grid */
#unified-extensions-area,
.unified-extensions-list {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
}

/* Überschrift "Erweiterungen" */
#unified-extensions-view.cui-widget-panelview vbox.panel-header h1 span {
    color: #881111 !important;
    font-size: 1.8em !important;
    display: flex !important;
    justify-content: center !important;
}     

/* Namen der Erweiterung */
.unified-extensions-item-contents label.unified-extensions-item-name{
    color: gainsboro !important;
    font-size: 1.2em !important;   
    font-weight: 700 !important;
    margin-top: -1px !important; 
    margin-left: -5px !important; 
}

/* Zusatzbeschriftungen der Button ausgeblendet */
#unified-extensions-area .unified-extensions-item-message-deck .unified-extensions-item-message,
.unified-extensions-list .unified-extensions-item-message-deck {
    display: none !important;
}

/* Größe der Icons aller Erw. */
panel .unified-extensions-item[unified-extensions="true"] .webextension-browser-action > .toolbarbutton-badge-stack > .toolbarbutton-icon,
.unified-extensions-list toolbarbutton .unified-extensions-item-icon {
    height: 20px !important;
    width: 20px !important;
}


/* Button der aktiven Erw. */
#unified-extensions-panel toolbaritem.unified-extensions-item {
    max-width: unset !important;
    width:  320px !important;
    height: 40px !important;
    background-color: #552211 !important;
    margin: 1px !important;
    border-radius: 4px !important;
    padding: 0 2px !important;
}
/* Button der aktiven Erw. bei Hover HG farbig */
#unified-extensions-panel toolbaritem.unified-extensions-item:hover {
    background-color: black !important;
}    

/* Button der inaktiven Erw. */
.unified-extensions-list .unified-extensions-item {
    max-width: unset !important;
    width:  315px !important;
    height: 40px !important;
    background-color: #662211 !important;
    opacity: 0.85 !important;
    margin: 1px !important;
    border-radius: 4px !important;
    padding: 0 2px !important;
}
/* Button der inaktiven Erw. bei Hover HG farbig */
.unified-extensions-list .unified-extensions-item:hover {
    background-color: black !important;
}

/* bei Hover grauer HG der Button ausgeblendet */
#unified-extensions-area:hover.customization-target .toolbarbutton-1.unified-extensions-item-action-button.subviewbutton.panel-no-padding.webextension-browser-action {
    background-color: transparent !important;
}    

.unified-extensions-item-action-button {
    overflow: visible !important;
}

   
/* Icons aktive Erw. */
#unified-extensions-area image.toolbarbutton-icon {
    opacity: 1 !important;
    margin-left:  2px !important;
    padding: 0 !important;
}
    
/* Icons inaktive Erw. */    
.unified-extensions-list image.unified-extensions-item-icon {
    opacity: 1 !important;
    margin-left: -4px !important;
    padding: 0 !important;
}

/* Button mit dem Zahnkranz (Verwalten) / aktive Erw. */    
#unified-extensions-area.customization-target toolbaritem.toolbaritem-combined-buttons.unified-extensions-item.chromeclass-toolbar-additional toolbarbutton.unified-extensions-item-menu-button.subviewbutton.subviewbutton-iconic{
    background-color: black !important;
    border: 1px solid gainsboro !important;
    min-width:  32px !important;
    max-width:  32px !important;
    max-height:  32px !important;
    margin-left: -94px !important;
    color: orange !important;
}    
/* bei Hover*/
#unified-extensions-area.customization-target toolbaritem.toolbaritem-combined-buttons.unified-extensions-item.chromeclass-toolbar-additional toolbarbutton.unified-extensions-item-menu-button.subviewbutton.subviewbutton-iconic:hover{
    background-color: #D1E2F2 !important;
    border: 1px solid brown !important;
    min-width:  32px !important;
    max-width:  32px !important;
    max-height:  32px !important;
    margin-left: -94px !important;
}
/* Zahnkranz aktive Erw. bei Hover andere Farbe */
#unified-extensions-area.customization-target toolbaritem.toolbaritem-combined-buttons.unified-extensions-item.chromeclass-toolbar-additional:hover toolbarbutton.unified-extensions-item-menu-button.subviewbutton.subviewbutton-iconic image.toolbarbutton-icon {
    fill: forestgreen !important;
}        

/* Button mit dem Zahnkranz (Verwalten) / inaktive Erw. */
.unified-extensions-item-menu-button.subviewbutton.subviewbutton-iconic{
    background-color: black !important;
    border: 1px solid gainsboro !important;
    min-width:  32px !important;
    max-width:  32px !important;
    max-height:  32px !important;
    margin-left: -84px !important;
    color: orange !important;
}
/* bei Hover */    
    .unified-extensions-item-menu-button.subviewbutton.subviewbutton-iconic:hover{
    background-color: lightyellow !important;
    border: 1px solid brown !important;
    min-width:  32px !important;
    max-width:  32px !important;
    max-height:  32px !important;
    margin-left: -84px !important;
}
/* Zahnkranz inaktive Erw. bei Hover andere Farbe */
.unified-extensions-item-menu-button:hover .toolbarbutton-icon {
    fill: magenta !important;
}

  
/* Zahnkranz aktive Erw. / Icon */
#unified-extensions-area.customization-target toolbaritem.toolbaritem-combined-buttons.unified-extensions-item.chromeclass-toolbar-additional toolbarbutton.unified-extensions-item-menu-button.subviewbutton.subviewbutton-iconic image.toolbarbutton-icon {
    margin-left: -1px !important;
}
    
/* Zahnkranz inaktive Erw. / Icon */
#unified-extensions-view.cui-widget-panelview vbox.panel-subview-body vbox.unified-extensions-list unified-extensions-item.unified-extensions-item toolbarbutton.unified-extensions-item-menu-button.subviewbutton.subviewbutton-iconic image.toolbarbutton-icon {    
    margin-left: -1px !important;
}
 
/* Button unten "Erweiterungen verwalten" */  
#unified-extensions-manage-extensions {
    background-color: #f0f0db !important;
    margin-left:  365px !important;
    max-width: 250px !important;
    max-height: 30px !important;
    min-height: 30px !important;
    border: 1px solid grey !important;
    border-width:  3px !important;
    border-style: double !important;
    color: #5511aa !important;
}
/* bei Hover */
#unified-extensions-manage-extensions:hover {
    background-color: #D1E2F2 !important;
    color: brown !important;
    margin-left:  365px !important;
    margin-right: 0 !important;
}        
    
/* Text "Erweiterungen verwalten" */    
[data-l10n-id="unified-extensions-manage-extensions"] {    
    color: gainsboro !important;
    font-size: 1.4em !important;   
    font-weight: 600 !important;
    padding-left: 0px !important;
    display: flex !important;
    justify-content: center !important;
}  
/* Text "Erweiterungen verwalten" verlagert */
#unified-extensions-manage-extensions.subviewbutton.panel-subview-footer-button.unified-extensions-manage-extensions label.toolbarbutton-text {
    margin: -7px 0 0 0 !important;
}    
}

Alles anzeigen

2002Andreas

Zitat von FuchsFan

hier die zweite Bastelvorlage.

//

Du musst natürlich aufpassen,

je mehr bunte Farben, angepasste Größen, Codes allgemein, je dicker/schwerer wird der Firefox.

Und wenn er dann zu schwer ist, dann startet er nicht mehr

FuchsFan

Zitat von 2002Andreas

Und wenn er dann zu schwer ist, dann startet er nicht mehr

Dann gibt es noch den Turbo-Lader.

2002Andreas

Zitat von FuchsFan

den Turbo-Lader.

Stimmt

Horstmann

Falls es hier noch nicht erwähnt wurde; man kann den Button auch mit einfachem CSS ganz nach links schieben in der Leiste - mich stört v.a. dass er sonst genau da plaziert ist, wo ich persönlich ihn nicht haben will, direkt neben dem Hamburger Button .

CSS

#unified-extensions-button {
    -moz-box-ordinal-group: 0 !important;
}

Horstmann

Zitat von FuchsFan

Weil es für Dich zu viel Aufwand ist, so mache ich Dir ein Geschenk (für alle Anderen natürlich auch), hier die zweite Bastelvorlage.

Dankeschön, abgespeichert !

Das Ding braucht bald eine zweibändige Ausgabe, wenn die Änderungen weiter so reinfluten .

FuchsFan

Zitat von Horstmann

Das Ding braucht bald eine zweibändige Ausgabe, wenn die Änderungen weiter so reinfluten .

Nun ist aber genug Material da, können alle basteln wie sie möchten.

Speravir

Zitat von 2002Andreas

Auch wenn der Button mal wieder entfernt wird, hier noch eine Möglichkeit ihn per Skript zu verschieben:

Auch von mir Danke dafür. Aber das ist Skriptcode, der hier schon für andere Buttons umhergeflogen ist, oder?

Ich will das jedoch nutzen, um noch einmal dafür zu werben, die Skripte ein wenig anders zu schreiben:

Zitat von Speravir

Unabhängig davon hat der Konfigurationsbereich mit Variablen oder Konstanten meiner Meinung nach noch weitere Vorteile:

Alles, was für jedes Skript individuell zu ändern ist, steht in einem Block sehr weit vorn.

Allein die Button-ID wird immer mindestens zweimal benötigt […], was ohne Variable/Konstante die Fehleranfälligkeit bei Änderungen erhöht.
Alles in allem weit geringerer Änderungsaufwand, […]

… wenn man – wie ich ja vermute, auch hier – ein bestehendes Skript nur an ein anderes Symbol anpasst. Hier im Skript, wie es Andreas präsentiert hat, kommt die ID ucjs_unified-extensions-button sechsmal vor. Und wenn man wie hier die Original-ID immer nur um ucjs_ erweitert, dann kann man das sogar so umformen:

JavaScript

/* Vorlage: 2002Andreas in https://www.camp-firefox.de/forum/thema/135846/?postID=1217540#post1217540
*/

(function() {
  if (!window.gBrowser) return;

  /* Konfiguration */
  const origID = "unified-extensions-button",// ID des originalen Buttons
        label = "Erweiterungen",
        tooltiptext = label;// auch eigener Text möglich, dieser in Anführungszeichen
  /* Ende Konfiguration */

  const menuButton = document.getElementById(origID),
        buttonID = 'ucjs_' + origID;

  if (!CustomizableUI.getPlacementOfWidget( buttonID )) {
    try {
      CustomizableUI.createWidget({
        id: buttonID,
        type: 'custom',
        defaultArea: CustomizableUI.AREA_NAVBAR,
        onBuild: function(aDocument) {
          let toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbaritem');
          toolbaritem.id = buttonID;
          toolbaritem.className = 'chromeclass-toolbar-additional';
          toolbaritem.setAttribute('label', label);
          return toolbaritem;
        }
      });
      if (!CustomizableUI.getPlacementOfWidget( buttonID )) {
        menuButton.style.display = 'none';
        return;
      };
    } catch(e) {
      menuButton.style.display = 'none';
      return;
    };
  };

  setTimeout(function() {
   document.getElementById(buttonID).appendChild(menuButton);
   menuButton.setAttribute('consumeanchor', buttonID);
   menuButton.setAttribute('label', label);
   menuButton.setAttribute('tooltiptext', tooltiptext);
  }, 0);

}());

Alles anzeigen

DenalB

Zitat von FuchsFan

Weil es für Dich zu viel Aufwand ist, so mache ich Dir ein Geschenk (für alle Anderen natürlich auch), hier die zweite Bastelvorlage.

Das ist nett von dir. Vielen Dank dafür. Ich versuche aber erstmal, so wenig Code wie möglich zu nutzen. Aktuell gefällt es mir so ganz gut - noch.

.DeJaVu

Wie ich bereits vermutete - neuere Firefox-Versionen haben geringe Abweichungen im CSS. Was in der Nightly gut aussieht, ist in der aktuellen Final 109 leicht verrückt. #105

FuchsFan

Zitat von .DeJaVu

Was in der Nightly gut aussieht, ist in der aktuellen Final 109 leicht verrückt.

Das kann ich auch sagen, musste schon einiges nachbessern.

.DeJaVu

Ich bin grad mit den Änderungen zur 109 fertig geworden, die Vorlage hatte ich für 111-nightly erstellt. Man kann das CSS aus #105 jetzt vergleichen, kommentiert. Was ich aufgrund meiner Änderungen/Wünsche nachgebessert habe, ist die Anzeige der Erweiterung bei hover. Das wird im "oberen" Bereich per tooltip gemacht, was Automatisches, aber nicht im unteren Bereich, dort gibt es kein "tooltip". Deshalb wird das "label" angezeigt und zwar formatiert. So bleibt es erst mal hier, damit bin ich zufrieden.

Horstmann

Zitat von .DeJaVu

Wie ich bereits vermutete - neuere Firefox-Versionen haben geringe Abweichungen im CSS. Was in der Nightly gut aussieht, ist in der aktuellen Final 109 leicht verrückt. #105

Vermutlich ist damit Beitrag #105 gemeint , und bezieht sich auf die Grid Variante ?

Sind weniger exotische bisherige Anpassungen vom Button und dem Menü auch betroffen, oder nur diese Kachelgeschichte ?

.DeJaVu

Ja.

Was genau meinst du?

Verwendet: Kompakt-Design, Dark-Mode.

Kein /*grid*/ erwünscht, alles danach löschen und anpassen.

Horstmann

Zitat von .DeJaVu

Ja.
Was genau meinst du?

In den von Dir getesteten Versionen, hast Du signifikante Veränderungen in der normalen Applikation von Button und Menu festgestellt ?

Die CSS Anpassungen werden uns noch eine Weile beschäftigen, vermute ich .

Hat sich was getan in Bezug zur Funktion - zeichnet sich ab ob der Button verschiebbar sein wird, falls nein funktioniert das Verschiebenskript noch, lassen sich Menüeinträge in der Reihenfolge anordnen, solche Dinge ?

Sören Hentzschel

Zitat von Horstmann

zeichnet sich ab ob der Button verschiebbar sein wird

Das ist nach aktuellem Stand nicht geplant. Ob sich die Planung dazu ändern wird, weiß natürlich niemand. Siehe dazu auch meine Antwort auf den letzten Teil.

Zitat von Horstmann

falls nein funktioniert das Verschiebenskript noch

Wäre das nach aktuellem Stand der Fall, hätte sich hier ganz bestimmt schon jemand gemeldet. Wie sich Scripts in zukünftigten Versionen von Firefox verhalten werden, kann niemand voraussagen.

Zitat von Horstmann

lassen sich Menüeinträge in der Reihenfolge anordnen

Das ist noch nicht umgesetzt. Firefox 109 ist vor gerade mal zwei Wochen erschienen. Man kann davon ausgehen, dass sich Mozilla noch im Prozess des Sammelns von Feedback befindet, bevor hier überhaupt erstmal ein finales Konzept ausgearbeitet wird. Vor Firefox 112 passiert hier mit Sicherheit nichts.

Horstmann

Zitat von Sören Hentzschel

Zitat von Horstmann

…

…

Zitat von Sören Hentzschel

Das ist noch nicht umgesetzt. Firefox 109 ist vor gerade mal zwei Wochen erschienen. Man kann davon ausgehen, dass sich Mozilla noch im Prozess des Sammelns von Feedback befindet, bevor hier überhaupt erstmal ein finales Konzept ausgearbeitet wird. Vor Firefox 112 passiert hier mit Sicherheit nichts.

Danke für die Infos !

Das ganz oben zitierte hatte ich schon gelöscht, weil es nur ein persönlicher Eindruck ist ohne konkrete Anhaltspunkte .

Sören Hentzschel

Zitat von Horstmann

Das ganz oben zitierte hatte ich schon gelöscht

Darum habe ich soeben fairerweise das Zitat plus meine Antwort darauf entfernt.

FuchsFan

Die Vorlage von .DeJaVu musste ich wieder anpassen, wer Interesse hat, bediene sich.

CSS

@-moz-document url-prefix(chrome://browser/content/browser.xhtml) {

 /*  Eigenes Icon für Button */
#navigator-toolbox toolbar#nav-bar.browser-toolbar toolbarbutton#unified-extensions-button.toolbarbutton-1 > .toolbarbutton-icon {
    list-style-image: url("file:///C:/FoxIcons/0109.png") !important;
    opacity: 0.9 !important;
}   


/* Popup-Menü HG und Border */
#unified-extensions-view.cui-widget-panelview{
    background-color: gainsboro !important;
    border: 4px solid royalblue !important;
    padding: 0px 10px 0px 10px !important; 
    width: 370px !important;
        
}

/* Scrollbar ausgeblendet */
#unified-extensions-view.cui-widget-panelview vbox.panel-subview-body{
    scrollbar-width: none !important;
}
    

/* grid */
#unified-extensions-area,
.unified-extensions-list {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
}

/* Überschrift "Erweiterungen" */
#unified-extensions-view.cui-widget-panelview vbox.panel-header h1 span {
    color: #881111 !important;
    font-size: 1.8em !important;
    display: flex !important;
    justify-content: center !important;
}     

/* Zusatzbeschriftungen der Button ausgeblendet */
.unified-extensions-item-contents label.unified-extensions-item-name,
#unified-extensions-area .unified-extensions-item-message-deck .unified-extensions-item-message,
.unified-extensions-list .unified-extensions-item-message-deck {
    display: none !important;
}

/* Größe der Icons aller Erw. */
#unified-extensions-area.customization-target .toolbarbutton-1.unified-extensions-item-action-button.subviewbutton.panel-no-padding.webextension-browser-action stack.toolbarbutton-badge-stack image.toolbarbutton-icon,
/* panel .unified-extensions-item[unified-extensions="true"] .webextension-browser-action > .toolbarbutton-badge-stack > .toolbarbutton-icon, */
.unified-extensions-list toolbarbutton .unified-extensions-item-icon {
    height: 25px !important;
    width: 25px !important;
}


/* Button der aktiven Erw. */
#unified-extensions-panel toolbaritem.unified-extensions-item {
    max-width: unset !important;
    width:  112px !important;
    height: 40px !important;
    background-color: grey !important;
    margin: 1px !important;
    border: 1px solid green !important;
    border-radius: 4px !important;
    padding: 0 2px !important;
}
/* Button der aktiven Erw. bei Hover HG farbig */
#unified-extensions-panel toolbaritem.unified-extensions-item:hover {
    background-color: beige !important;
    border: 1px solid coral !important;
}    

/* Button der inaktiven Erw. */
.unified-extensions-list .unified-extensions-item {
    max-width: unset !important;
    width:  107px !important;
    height: 40px !important;
    background-color: grey !important;
    opacity: 0.85 !important;
    margin-top: 6px !important;
    /* margin: 1px !important; */
    border: 1px solid blue !important;
    border-radius: 4px !important;
    padding: 0 2px !important;
}
/* Button der inaktiven Erw. bei Hover HG farbig */
.unified-extensions-list .unified-extensions-item:hover {
    background-color: gold !important;
    border: 1px solid coral !important;
}

/* bei Hover grauer HG der Button ausgeblendet */
.unified-extensions-item-action-button.panel-no-padding.webextension-browser-action.subviewbutton:hover{
    background-color: transparent !important;
}    

.unified-extensions-item-action-button {
    overflow: visible !important;
}

/* Icons aktive Erw. */
#unified-extensions-area image.toolbarbutton-icon {
    opacity: 1 !important;
    margin-left:  2px !important;
    padding: 0 !important;
}
    
/* Icons inaktive Erw. */    
.unified-extensions-list image.unified-extensions-item-icon {
    opacity: 1 !important;
    margin-left: -4px !important;
    padding: 0 !important;
}

/* Button mit dem Zahnkranz (Verwalten) / aktive Erw. */    
#unified-extensions-area.customization-target toolbaritem.toolbaritem-combined-buttons.unified-extensions-item.chromeclass-toolbar-additional toolbarbutton.unified-extensions-item-menu-button.subviewbutton.subviewbutton-iconic{
    background-color: black !important;
    border: 1px solid gainsboro !important;
    min-width:  32px !important;
    max-width:  32px !important;
    max-height:  32px !important;
    margin-left: -94px !important;
    color: orange !important;
}    
/* bei Hover*/
#unified-extensions-area.customization-target toolbaritem.toolbaritem-combined-buttons.unified-extensions-item.chromeclass-toolbar-additional toolbarbutton.unified-extensions-item-menu-button.subviewbutton.subviewbutton-iconic:hover{
    background-color: #D1E2F2 !important;
    border: 1px solid brown !important;
    min-width:  32px !important;
    max-width:  32px !important;
    max-height:  32px !important;
    margin-left: -94px !important;
}
/* Zahnkranz aktive Erw. bei Hover andere Farbe */
#unified-extensions-area.customization-target toolbaritem.toolbaritem-combined-buttons.unified-extensions-item.chromeclass-toolbar-additional:hover toolbarbutton.unified-extensions-item-menu-button.subviewbutton.subviewbutton-iconic image.toolbarbutton-icon {
    fill: forestgreen !important;
}        

/* Button mit dem Zahnkranz (Verwalten) / inaktive Erw. */
.unified-extensions-item-menu-button.subviewbutton.subviewbutton-iconic{
    background-color: black !important;
    border: 1px solid gainsboro !important;
    min-width:  32px !important;
    max-width:  32px !important;
    max-height:  32px !important;
    margin-left: 17px !important;
    color: orange !important;
}
/* bei Hover */    
    .unified-extensions-item-menu-button.subviewbutton.subviewbutton-iconic:hover{
    background-color: lightyellow !important;
    border: 1px solid brown !important;
    min-width:  32px !important;
    max-width:  32px !important;
    max-height:  32px !important;
    margin-left: 17px !important;
}
/* Zahnkranz inaktive Erw. bei Hover andere Farbe */
.unified-extensions-item-menu-button:hover .toolbarbutton-icon {
    fill: magenta !important;
}

  
/* Zahnkranz aktive Erw. / Icon */
#unified-extensions-area.customization-target toolbaritem.toolbaritem-combined-buttons.unified-extensions-item.chromeclass-toolbar-additional toolbarbutton.unified-extensions-item-menu-button.subviewbutton.subviewbutton-iconic image.toolbarbutton-icon {
    margin-left: -1px !important;
}
    
/* Zahnkranz inaktive Erw. / Icon */
#unified-extensions-view.cui-widget-panelview vbox.panel-subview-body vbox.unified-extensions-list unified-extensions-item.unified-extensions-item toolbarbutton.unified-extensions-item-menu-button.subviewbutton.subviewbutton-iconic image.toolbarbutton-icon {    
    margin-left: -1px !important;
}
 
/* Button unten "Erweiterungen verwalten" */  
#unified-extensions-manage-extensions {
    background-color: #f0f0db !important;
    margin-left:  50px !important;
    max-width: 250px !important;
    max-height: 30px !important;
    min-height: 30px !important;
    border: 1px solid grey !important;
    border-width:  3px !important;
    border-style: double !important;
    color: #5511aa !important;
}
/* bei Hover */
#unified-extensions-manage-extensions:hover {
    background-color: #D1E2F2 !important;
    color: brown !important;
    margin-left:  50px !important;
    margin-right: 0 !important;
}        
    
/* Text "Erweiterungen verwalten" */    
[data-l10n-id="unified-extensions-manage-extensions"] {    
    color: gainsboro !important;
    font-size: 1.4em !important;   
    font-weight: 600 !important;
    padding-left: 0px !important;
    display: flex !important;
    justify-content: center !important;
}  
/* Text "Erweiterungen verwalten" verlagert */
#unified-extensions-manage-extensions.subviewbutton.panel-subview-footer-button.unified-extensions-manage-extensions label.toolbarbutton-text {
    margin: -7px 0 0 0 !important;
}    
}

Alles anzeigen

neue Schaltfläche "Einheitliche Erweiterungen"

Ähnliche Themen

Webseiten mit 404 Fehler finden