Ansicht "Erweiterungen verwalten"

2002Andreas

Zitat von FuchsFan

die beiden links unten

Teste bitte:

CSS

.addons-icon {
   fill: red !important;
}

*.help-icon {
   fill: red !important;
}

FuchsFan

Zitat von 2002Andreas

Teste bitte:

Danke, Andreas, so einfach kann es sein.

Büssen

Hallo,

ich muss da nochmal nachhaken.

Mein Code "about addons" sieht im Firefox 77 so aus:

Diesen Code habe ich in Firefox N79 übernommen - sieht dort so aus:

Habe schon alles versucht - wie kann ich den Button wieder mittig platzieren?

FuchsFan

Zitat von Büssen

Habe schon alles versucht - wie kann ich den Button wieder mittig platzieren?

Füge das zusätzlich in den Code für den Button ein:

margin-right: 400px !important;

Die Pixel dann anpassen.

Büssen

Hallo fuchsFan,

>> margin-right: 500px !important; - damit war die Kuh vom Eis!

Perfekt - vielen Dank!

FuchsFan

Zitat von Büssen

damit war die Kuh vom Eis!

Sehr gut, manchmal haben wir auch Glück.

Ich hatte es aber probiert, von v.77 bis v.79, klappt immer.

Büssen

Zitat von FuchsFan

Sehr gut, manchmal haben wir auch Glück.

Ich muss mich nunmehr ja fast schon "Schnorrer" nennen, denn sicher hast du erkannt, dass ich den besagten Button aus deiner Kiste entwendet hatte. Deine farbliche Anpassung aus #520 ist teilweise auch schon bei mir auf dem Tisch gelandet.

Da fehlt mir nur noch der letzte Schliff.

FuchsFan

Zitat von Büssen

Da fehlt mir nur noch der letzte Schliff.

Ja, dann musst du jetzt einfach sagen, was du brauchst.

Zitat von Büssen

hast du erkannt, dass ich den besagten Button aus deiner Kiste entwendet hatte

Ich nehme das nicht so genau, was hier gebastelt wird kann jeder verwenden, so wie er möchte.

Büssen

Zitat von FuchsFan

Ja, dann musst du jetzt einfach sagen, was du brauchst.

Habe versucht, den Schnipsel "Suche" (aus#520) bei mir im Code about:addons einzubauen , wenn dass so richtig ist?

Oder wird da ein neuer Code eingebunden?

FuchsFan

Zitat von Büssen

Habe versucht, den Schnipsel "Suche" (aus#520) bei mir im Code about:addons einzubauen , wenn dass so richtig ist?
Oder wird da ein neuer Code eingebunden?

Das sind einige Schnipsel.

So, wir machen es jetzt einfach so, du erstellst aus dem folgenden Code eine css-Datei und dann in den Ordner CSSWeb ablegen. Passenden @import-Befehl in die userContent.css, dann sollte es stimmen. Alle anderen Dateien, die eventuell noch die Button ansprechen, müssen raus oder abgeschaltet werden. Im nachfolgenden Code werden alle Button auf der linken Seite unter Addons und Einstellungen berücksichtigt.

CSS

/***************** Die großen Button auf der linken Seite  ********************/

/* Firefox Quantum userChrome.css tweaks ************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/

@import "./addons_manager_alternative_appearance_fx68.css";

@-moz-document url-prefix(chrome://mozapps/content/extensions/extensions.xhtml), url-prefix(about:addons),url-prefix(chrome://mozapps/content/extensions/aboutaddons.html) {

    .category {
      -moz-margin-end: -4px !important;
    }
    
    .sidebar-footer-list {
      margin-inline: 0px !important;
    }
        
    #preferencesButton {  /* Einstellungen unten links */
      fill: forestgreen !important;
      background-color: gainsboro !important;/*Hintergrundfarbe vom Button*/
      margin-top: 1px !important; /*Abstand zum Button darüber*/
      border-radius: 60px !important;/*Rundung vom Button*/
      box-shadow: inset 0 0 5px 5px #888;
      width: 180px !important;
    }
    
    #preferencesButton:hover {
      color: red !important;
      background-color: gold !important;
    }  
    
    #help-button {  /* Hilfe für Add-ons unten links */
      fill: #ff0000 !important;
      background-color: gainsboro !important;/*Hintergrundfarbe vom Button*/
      margin-top: 1px !important; /*Abstand zum Button darüber*/
      border-radius: 60px !important;/*Rundung vom Button*/
      box-shadow: inset 0 0 5px 5px #888;
      width: 180px !important;
    }
    
    #help-button:hover {
      color: red !important;
      background-color: gold !important;
    }
}
/**** Abstand der Button zum linken Rand ****/
    #categories > .category, #generalButton, #homeButton, #searchButton, #privacyButton, #syncButton, #addonsButton, #helpButton  {
      margin-left: 1px !important; 
    }
    
    #categories .category[name="general"],
    #category-general .category-icon {
      fill: #03c03c  !important;
    }
    
    #categories .category[name="home"],
    #category-home .category-icon {
      fill: orange !important;
    }
    
    #categories .category[name="search"],
    #category-search .category-icon {
      fill: dodgerblue  !important;
    }
    
    #categories .category[name="privacy"],
    #category-privacy .category-icon {
      fill: #009925 /* #8aa8cc */ !important;
    }
    
    #categories .category[name="extension"],
    #category-extension .category-icon {
      fill: #228b22 !important;
    }
    
    #categories .category[name="theme"],
    #category-theme .category-icon {
      fill: coral  !important;
    }
    
    #categories .category[name="plugin"],
    #category-plugin .category-icon {
      fill: #0077be !important;
    }
    
    #categories .category[name="dictionary"],
    #category-dictionary .category-icon {
      fill: purple !important;
    }
    
    #categories .category[name="sync"],
    #category-sync .category-icon {
      fill: #5218fa !important;
    }
    
    #categories .category[name="addons"],
    #category-addons .category-icon {
      fill: forestgreen /* #8aa8cc */ !important;
    }
    
    .addons-icon {
      fill: #03c03c  !important;
    }

    .help-icon {
      fill: red !important;
    }
        
    .category:not([selected="true"]):hover .category-icon {
      filter: brightness(2.00) !important;
    }
    
    .category[name]:not([selected]):hover,
    #category-discover:not([selected="true"]):hover .category-icon,
    #category-theme:not([selected="true"]):hover .category-icon{
      filter: brightness(1.5) !important;
    }
    
    #category-plugin:not([selected="true"]):hover .category-icon{
      filter: brightness(2.25) !important;
    }
        
    #categories > .category:not([disabled]){
      background-color: gainsboro !important;/*Hintergrundfarbe vom Button*/
      margin-top: 1px !important; /*Abstand zum Button darüber*/
      border-radius: 80px !important;/*Rundung vom Button*/
      box-shadow: inset 0 0 5px 5px #888;
    }

/**** Aktiver Button rot, Schrift weiß ****/
    #categories > .category[selected]{
      color: white !important;
      background-color: red !important;
      margin-top: 1px !important;
      border-radius: 80px !important;
      box-shadow: inset 0 0 5px 5px #888; 
    }
    
/**** Inaktive Button ****/
    #categories > .category:not([selected]),
    #addonsButton,
    #helpButton {
      background-color: gainsboro !important;
      margin-top:1px!important;
      border-radius:80px!important;
      box-shadow: inset 0 0 5px 5px #888;
    }
    
    
/**** Hintergrund der Button blau, Schrift weiß bei hover mit der Maus ****/
    #categories > .category:hover, #generalButton:hover, #homeButton:hover, #searchButton:hover, #privacyButton:hover, #syncButton:hover, #addonsButton:hover, #helpButton:hover {
      color: white !important;
      background-color: blue !important;
      margin-top: 1px !important;
      border: 1px solid grey !important;
      border-radius: 80px !important;
      box-shadow: inset 0 0 5px 5px #888 !important; 
    }
    
/***************************************************************************************************/    

/* keine Ahnung wofür */
/* colorize category icons */
    
    #categories .category[name="discover"],
    #category-discover .category-icon {
      fill: #8b8b8b !important;
    }
        
    #categories .category[name="legacy"],
    #category-legacy .category-icon {
      fill: red !important;
    }
    #categories .category[name="available-updates"],
    #category-availableUpdates .category-icon {
      fill: orange !important;
    }
    
    #categories .category[name="recent-updates"],
    #category-recentUpdates .category-icon {
      fill: #b99c16 !important;
    }

Alles anzeigen

Büssen

Zitat

Das sind einige Schnipsel.

So, wir machen es jetzt einfach so, du erstellst aus dem folgenden Code eine css-Datei und dann in den Ordner CSSWeb ablegen.

Das ging ja schnell - ich war nicht langsamer:

Sieht gut aus - vielen Dank!

Ich mache nun mal eine "Corona-Pause"

FuchsFan

Zitat von Büssen

Sieht gut aus - vielen Dank!

Gerne!

Farben kannst du dir immer noch anpassen, wenn es nicht gefällt. Da musst du aber immer daran denken, der aktive Button ist Rot, und bei Hover die inaktiven Blau. Sonst sind manchmal die Icons nicht zu erkennen.

^L^

Meine AKTUELLE ANSICHT:

ZU BREITES KONTEXTMENÜ-PROBLEM: Bei der Anzeige des ÜBERBREITEN Kontextmenüs komme ich mit dem Code nicht weiter.

Den bisherigen Code hab ich irgendwann? einmal ''zusammengestrickt''.

FRAGE: Was fehlt hier noch bzw. was ist falsch?

userContent.CSS

Spoiler anzeigen

:root {

--addon-icon-size: 20px !important;

}

recommended-themes-section,

recommended-extensions-section {

display: none !important;

}

addon-card:not([expanded="true"]) .addon.card {

margin-top: 0 !important;

margin-bottom: 0 !important;

padding-top: 0 !important;

padding-bottom: 0 !important;

-moz-padding-start: 2px !important;

min-height: 46px !important;

}

addon-list addon-card:not([expanded="true"]) panel-list {

position: absolute !important;

margin-top: -44px !important;

right: 45px !important;

}

addon-card:not([expanded="true"]) .card-heading-icon {

margin-inline-end: 2px !important;

}

addon-card:not([expanded="true"]) .card-heading-image {

object-fit: unset !important;

margin: 0 !important;

}

body div#main div[current-view="list"] addon-list[type="theme"] addon-card:not([expanded="true"]) button[data-l10n-id="enable-addon-button"]{

margin-top: 4px !important;;

}

body div#main div[current-view="list"] addon-list[type="theme"] addon-card:not([expanded="true"]) .spacer {

display: none !important;

}

body div#main div[current-view="list"] addon-list:-moz-any([type="theme"]) addon-card:not([expanded="true"]) .card-contents{

height: 50px !important;

}

#category-recentUpdates[disabled] {

overflow: visible !important;

height: 48px !important;

min-height: 48px !important;

opacity: 1 !important;

transition-property: unset !important;

transition-duration: unset !important;

-moz-user-input: unset !important;

}

#category-recentUpdates[hidden] {

opacity: 1 !important;

min-height: 48px !important;

height: 48px !important;

display: inherit !important;

transition: unset !important;

}

/*restore version number */

div:not([current-view="updates"]) .addon-name-link[title]:not([data-l10n-args])::after,

div:not([current-view="updates"]) .addon-name[title]:not([data-l10n-args])::after {

display: block !important;

content: attr(title) !important;

margin-top: -22px !important;

}

.addon:not([pending="uninstall"])[status="installed"] .date-updated:not(:-moz-any([value="Unknown"],[value="Unbekannt"])) {

display: block !important;

}

FuchsFan

Zitat von ^L^

FRAGE: Was fehlt hier noch bzw. was ist falsch?

Was jetzt die genaue Ursache dafür ist kann ich auch nicht sagen, aber das gleiche Problem gibt es in einem Code für den Addon-Manager von Aris. Du wirst da sicherlich was davon in deinem Code installiert haben. Dann brauchtest du eigentlich überhaupt keinen Code, denn original im Fx sieht es fast genau so aus. Aber das musst du allein entscheiden. Trotzdem habe ich mal für dich einen Code erstellt (mit zusätzlichen Teilen von Aris), der deinen Ansprüchen gerecht werden sollte ( anhand des Bildes).

CSS

/* Firefox Quantum userChrome.css tweaks ************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/


@-moz-document url-prefix(chrome://mozapps/content/extensions/extensions.xhtml), url-prefix(about:addons),url-prefix(chrome://mozapps/content/extensions/aboutaddons.html) {
    
    panel-item[action="toggle-disabled"][data-l10n-id="disable-addon-button"] {
      -moz-context-properties: fill !important;
      fill: red !important;
    }
    
    panel-item[action="toggle-disabled"][data-l10n-id="enable-addon-button"] {
      -moz-context-properties: fill !important;
      fill: green !important;
    }
    
    panel-item[data-l10n-id="remove-addon-button"] {
      -moz-context-properties: fill !important;
      fill: red !important;
    }

    panel-item[data-l10n-id="install-update-button"] {
      -moz-context-properties: fill !important;
      fill: blue !important;
    }
    
    panel-item[data-l10n-id="preferences-addon-button"] {
      -moz-context-properties: fill !important;
      fill: grey !important;
    }
    
    panel-item[data-l10n-id="report-addon-button"] {
      -moz-context-properties: fill !important;
      fill: orange !important;
    }
    
    panel-item[data-l10n-id="expand-addon-button"],
    panel-item[data-l10n-id="manage-addon-button"] {
      -moz-context-properties: fill !important;
      fill: blue !important;
    }
    
    panel-item[data-l10n-id="ask-to-activate-button"] {
      -moz-context-properties: fill !important;
      fill: red !important;
    }
    
    panel-item[data-l10n-id="always-activate-button"] {
      -moz-context-properties: fill !important;
      fill: green !important;
    }
    
    panel-item[data-l10n-id="never-activate-button"] {
      -moz-context-properties: fill !important;
      fill: red !important;
    }

}

/* Firefox Quantum userChrome.css tweaks ************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/

@-moz-document url-prefix(chrome://mozapps/content/extensions/extensions.xhtml), url-prefix(about:addons),url-prefix(chrome://mozapps/content/extensions/aboutaddons.html) {

    /* dimensions / positioning */
    #addons-page .main-content{
      padding: 0 !important;
      margin: 0 !important;
    }
    
    #addons-page #header-search .textbox-input-box{
      height: 18px !important;
    }
    
    #addons-page #addon-list {
      -moz-margin-start: -1px !important;
    }

    #addons-page:not(.inSidebar):not([aios-inSidebar="true"]) .view-pane > .list > scrollbox {
      padding-right: 0 !important;
      padding-left: 0 !important;
    }

    #addons-page #detail-view,
    #addons-page #userstyle-sorting,
    #addons-page .global-warning-container,
    #addons-page .global-info-container{
      -moz-margin-start: 0px !important;
      -moz-margin-end: 1px !important;
    }

    #addons-page .detail-view-container {
      -moz-margin-start: 10px !important;
    }

    #addons-page #view-port{
      -moz-margin-end: 4px !important;
    }

    #addons-page #header{
      padding: 2px 0 !important;
      margin: 0 !important;
    }
    
    /* buttons / menulists */
    #addons-page #header button,
    #addons-page #header #header-utils-btn,
    #addons-page #list-view .global-info button,
    #addons-page #list-view .discover-button,
    #addons-page .status-control-wrapper button,
    #addons-page #userstyle-sorting button,
    #addons-page #update-actions button,
    #addons-page #updates-list-empty button,
    #addons-page .relnotes-toggle,
    #list-view menulist{
      padding: 2px !important;
      min-height: unset !important;
      height: unset !important;
    }

    #addons-page #header-utils-btn{
      padding: 2px !important;
      height: unset !important;
    }

    #addons-page button.sorter{
      padding:2px !important;
      min-height: 26px !important;
      height: unset !important;
    }

    #addons-page #header-search{
      padding: 1px !important;
      min-height: unset !important;
      height: unset !important;
    }
    
    button.addon-control image{
      margin-top: -1.5px !important;
      margin-bottom: -1.5px !important;
    }

    /* detail view */
    #detail-view button:not(.button-link):not(.text-link),
    #detail-view menulist{
      padding:2px !important;
      height: unset !important;
      /*font-size: 90% !important;*/
      background-image: linear-gradient(to bottom, rgba(255,255,255,0.15), rgba(255,255,255,0.20),rgba(0,0,0,0.01)) !important;
    }
    
    #detail-view colorpicker[type="button"]{
      padding:2px !important;
      min-height: 26px !important;
      min-width: 40px !important;
      height:auto !important;
      width: auto !important;
    }
    
    /* checkbox and radio items */
    #addons-page checkbox image,
    #addons-page radio image {
      width: 16px !important;
      height: 16px !important;
      margin: 0 !important;
    }

    /********************/
    .addon .warning,
    .addon .error,
    .addon .pending,
    .addon .icon-container {
      padding: unset !important;
      margin: unset !important;
      min-width: unset !important;
      width: unset !important;
      min-height: unset !important;
      height: unset !important;
    }

    .addon .icon {
      min-width: unset !important;
      min-height: unset !important;
      width: 21px !important;
      height: 21px !important;
    }
    
    .addon .warning-icon,
    .addon .error-icon,
    .addon .pending-icon {
      width: 14px !important;
      height: 14px !important;
      -moz-margin-start: 4px !important;
    }

    .addon .content-inner-container{
      -moz-box-orient: horizontal !important;
    }
    #updates-list .addon .content-inner-container{
      -moz-box-orient: vertical !important;
    }

    .addon .name-container .name,
    .addon .name-container .version,
    .addon .name-container .disabled-postfix,
    .addon .name-container .update-postfix,
    .addon .name-container .legacy-warning    {
      -moz-margin-start: 4px !important;
      -moz-margin-end: 0 !important;
    }
    
    .addon .update-available button,
    .addon .control-container button,
    .addon .control-container menulist {
      margin-top: 1px !important;
      margin-bottom: 1px !important;
      -moz-margin-start: 1px !important;
      -moz-margin-end: 0px !important;
    }
    
    .addon .warning .button-box,
    .addon .pending .button-box,
    .addon .content-inner-container,
    .addon .description-container .button-link,
    .addon .update-available .button-box,
    .addon .control-container .button-box,
    .addon .control-container menulist .menulist-label-box {
      padding: unset !important;
      margin: unset !important;
    }
    
    .addon .experiment-container {
      display: none !important;
    }

    .description-container spacer {
      display: none !important;
    }

    .description-container .button-link .button-box {
      -moz-padding-start: 0px !important;
      -moz-padding-end: 2px !important;
    }
    
    #addons-page .addon .name-container .legacy-warning,
    #addons-page #addon-list .name-container .legacy-warning {
      padding: 0 2px !important;
      margin: 2px !important;
    }
    
    .alert .alert-title {
      font-size: 160% !important;
    }

    .discover-title {
      font-size: 18px !important;
    }

    .name-container {
      font-size: 1.1rem !important;
    }

    .legacy-warning {
      font-size: 0.7rem !important;
    }

    .description,
    .description-container {
      font-size: 1.05rem !important;
    }

    .addon[status="uninstalled"] > .container {
      font-size: 100% !important;
    }

    .detail-view-container {
      font-size: 1.05rem !important;
    }

    #detail-name-container {
      font-size: 2.2rem !important;
    }

    .preferences-description {
      font-size: 80.9% !important;
    }

    #detail-experiment-container {
      font-size: 70% !important;
    }

    #disabled-unsigned-addons-heading,
    #legacy-extensions-heading {
      font-size: 1.1em !important;
    }

    :root > * {
      font-size: 1.15em !important;
    }
    
    #addons-page .addon {
      padding: 5px 4px !important;
    }
    
    #addons-page .addon .icon,
    #addons-page .addon:not([pending="uninstall"])[status="installed"] .icon {
      min-width: unset !important;
      min-height: unset !important;
      margin: 0 !important;
      padding: 0 !important;
    }
    
    #addons-page .addon .description-container {
      margin-inline-start: 5px !important;
    }
    
    /* Abstand zwischen den Containern */    
    addon-card .addon { 
      margin: 7px !important;
    } 

/* für alle Elemente rechte Seite die Länge einstellen */
    .card,
    addon-list addon-card > .addon.card,
    addon-card[expanded] >.addon.card {
      width: 50vw !important;  /* Länge aller Elemente */
      border: 2px solid grey !important;
      border-radius: 10px !important; 
    }    
    
/* unter Themes die Grafik anpassen */    
    .card-heading-image {
      min-width: 700px !important; /* Länge der Grafik */
      height: 60px !important; /* Höhe der Grafik */
      margin-left: -4px !important; /* Abstand vom linken Rand */
      margin-top: -6px !important;  /* Abstand vom oberen Rand */
    } 
    
/* blendet den Text für privates Browsing ein */    
    .addon-badge-private-browsing-allowed::before {
      content: "(In privaten Fenstern erlaubt)" !important;
      margin-left: 10px !important; /* Entfernung nach rechts */
    }

    .addon-badge-private-browsing-allowed {
      min-width: 430px !important; /* lila Icon Entfernung nach rechts */
    }

/* Versionsnummer wird angezeigt */
    div:not([current-view="updates"]) .addon-name-link[title]:not([data-l10n-args])::after,
    div:not([current-view="updates"]) .addon-name[title]:not([data-l10n-args])::after {
      display: block !important;
      content: attr(title) !important;
      margin-top: -22px !important;
    }     
}

Alles anzeigen

^L^

Zitat von FuchsFan

Was jetzt die genaue Ursache dafür ist kann ich auch nicht sagen, aber das gleiche Problem gibt es in einem Code für den Addon-Manager von Aris. Du wirst da sicherlich was davon in deinem Code installiert haben. Dann brauchtest du eigentlich überhaupt keinen Code, denn original im Fx sieht es fast genau so aus. Aber das musst du allein entscheiden. Trotzdem habe ich mal für dich einen Code erstellt (mit zusätzlichen Teilen von Aris), der deinen Ansprüchen gerecht werden sollte ( anhand des Bildes).

Danke! Sieht prima aus, nur etwas zu groß für meinen Zweck.

Eigentlich will/wollte ich ursprünglich nur die Zeilenabstände kompakter machen und verschmälern und eventuell
die Schrift verkleinern. Also möglichst alles original belassen, ausser die Schriftgröße, Abstand und Versionsnummern.

Ist das möglich?

FuchsFan

Zitat von ^L^

Eigentlich will/wollte ich ursprünglich nur die Zeilenabstände kompakter machen

Dann musst du den Code ab Zeile 61 durch nachfolgenden Code ersetzen, eventuell passt es dir dann.

CSS

/* Firefox Quantum userChrome.css tweaks ************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/

@import "./addonlists_compact_fx68.css";

@-moz-document url-prefix(chrome://mozapps/content/extensions/extensions.xhtml), url-prefix(about:addons),url-prefix(chrome://mozapps/content/extensions/aboutaddons.html) {
    
    :root {
      --addon-icon-size: 16px !important;
    }

    .addon.card .addon-description {
      display: none !important;
    }
    
    addon-card:not([expanded="true"]) .addon.card {
      padding-top: 2px !important;
      margin-bottom: 0px !important;
      min-height: 22px !important;
    }
    
    addon-list[type="theme"] .addon.card {
      min-height: 0px !important;
    }

    .addon.card div.more-options-menu {
      height: 20px !important;
    }
    
    .header-name {
    font-size: 16px !important;
    margin-top: 8px !important; 
    }
    
    /* Abstand zwischen den Containern */    
    addon-card .addon { 
      margin: 4px !important;
    }    
    
    /* Versionsnummer wird angezeigt */
    div:not([current-view="updates"]) .addon-name-link[title]:not([data-l10n-args])::after,
    div:not([current-view="updates"]) .addon-name[title]:not([data-l10n-args])::after {
      display: block !important;
      content: attr(title) !important;
      margin-top: -22px !important;
    } 
    
/* unter Themes die Grafik anpassen */    
    .card-heading-image {
      max-width: 550px !important; /* Länge der Grafik */
      height: 50px !important; /* Höhe der Grafik */
      margin-left: -4px !important; /* Abstand vom linken Rand */
      margin-top: 4px !important;  /* Abstand vom oberen Rand */
    }     

}

Alles anzeigen

Büssen

Zitat von FuchsFan

Sonst sind manchmal die Icons nicht zu erkennen

Hallo,

bin nun mal meine Versionen und Profile durchgegangen. Tatsächlich werden mir in Firefox Beta bei Aufruf "about:addons" auf der linken Seite nur die Buttons ohne Icons angezeigt:

Lässt sich das ohne großen Aufwand bereinigen? Rufe ich "Firefox-Einstellungen" auf - so werden (deine) farblichen Icons gezeigt.

Nachtrag: hat sich erledigt!

^L^

Zitat von FuchsFan

Zitat von ^L^

Eigentlich will/wollte ich ursprünglich nur die Zeilenabstände kompakter machen

Dann musst du den Code ab Zeile 61 durch nachfolgenden Code ersetzen, eventuell passt es dir dann.

KORREKTUR: Danke, passt soweit, jedoch ist ~~die Beschriftung~~ der Beschreibungstext darunter verschwunden.

Aber geht einstweilen auch ohne.

FuchsFan

Zitat von ^L^

jedoch ist die Beschriftung verschwunden

Da musst du schon etwas genauer werden!!

^L^

Zitat von ^L^

Meine AKTUELLE ANSICHT:

Naja, genauso wie bisher, aber mit funktionierendem (normalem, schmalen) ... Menü halt.