Beiträge von Büssen

Büssen

Zitat von FuchsFan
Hallo!
Ich kann dir jetzt nicht sagen warum die nicht bis ganz nach rechts laufen. Aber das sieht ja schon sehr gut aus. Du kannst aber das noch machen, damit die Button richtig aufgeteilt werden. Den Abstand der Button vom rechten Rand stellst du damit ein, probiere mit den 12px.
CSS
/**** Abstand der Button vom rechten Rand bei Themes, Plugins, Wörterbücher, usw. *****/
    addon-list:-moz-any([type="theme"],[type="plugin"],[type="dictionary"]) addon-card:not([expanded="true"]) panel-list {
      right: 12px !important; 
    }
Den Abstand bei Pugins, usw. stellst du damit ein, probiere mit den -60px. Ist bißchen Fummelei, wie Andreas sagte, aber es geht.
CSS
/**** Abstand der Button vom oberen Rand bei  Plugins, Wörterbücher, usw. *****/
    addon-list addon-card:not([expanded="true"]) panel-list {
      margin-top: -60px !important;
    }

Habe meine Quellcodes bearbeitet.

Ergebnis mit (1.Code) 35px (2.Code) -50px

Fazit: >>mit Geduld und Spucke bekommt man alles hin.

Vielen Dank auch für deine Geduld - die ist auch wichtig !

Büssen

Zitat von FuchsFan
Dazu war es gedacht, wenn es dir gefällt, um so besser.
................
Edit:
Wieso werden denn da nicht die Grafiken angezeigt? Wenn du das per Code abgestellt hast, dann müssen die Container für Themes auch angepasst werden. Da gibt es in meinem Code den Absatz:
CSS
/**** Abstand der Button vom oberen Rand bei Themes *****/
    addon-list:-moz-any([type="theme"]) addon-card:not([expanded="true"]) panel-list {
      margin-top: -130px !important;
    }
Mit dem Wert -130 musst du probieren, damit die Button bei dir dann auch im jeweiligen Feld sind.

Habe ein wenig getestet - den Wert von -130px auf -15px runter gesetzt. Sieht nun so aus:

Welche Zeile ist nun für die Card "Themes" zuständig - muss noch mehr nach rechts!

Gleiches gilt auch für Plugins u. Wörterbücher. Nur "Erweiterungen" hat die richtige Länge.

Büssen

Zitat von FuchsFan

Nein, das ist aus meinem gebastelten Code. Hast du mal bei den 100px andere Werte probiert, so habe ich das auch im alten Addon-Manager bis zur 71 hinbekommen. Ich hänge dir mal aus dem Nightly meinen aktuellen Code an, eventuell kannst du davon was verwenden.

Ich war mal so frei und habe mir deinen angehängten Code zu eigen gemacht (also alles verwendet).

Ergebnis Erweiterungen:

Ergebnis Themes:

Damit kann ich gut leben - und bedanke mich dafür

Büssen

Zitat von FuchsFan

Dass die Farben anders sind will ich dir gerne glauben, aber wenn du den Code so in den Nightly übernommen hast, dann fehlen die Button auf der rechten Seite. Also da stimmt was nicht, oder?

Habe das mal überprüft. Der Button fehlt nur beim "Standard-Theme". Alle anderen werden angezeigt:

Trotzdem vielen Dank - ich ziehe mich vorerst mal zurück!

Büssen

Zitat von FuchsFan

Zitat von Büssen

Hast du meinen obigen Code für dein Beispiel verwendet?

Nein, das ist aus meinem gebastelten Code. Hast du mal bei den 100px andere Werte probiert, so habe ich das auch im alten Addon-Manager bis zur 71 hinbekommen. Ich hänge dir mal aus dem Nightly meinen aktuellen Code an, eventuell kannst du davon was verwenden.
Grüße
FuchsFan

Habe den Code 1:1 übernommen -Ergebnis:

Da passt alles, aber farblich doch anders als mein Code.

Ist aber nicht schlimm - das sind Ergebnisse von Nightly und Beta. Meine Hauptprofile zeigen gute Ergebnisse.

Momentan kann ich damit leben.

Vielen Dank für deine Mühe!

Büssen

FuchsFan

Mit obigen Codes (in meinen Ursprungs-Code eingefügt), ergeben sich leider keine Änderungen. Auch das Erhöhen der 100px ergibt nicht das gewünschte Ergebnis. Ergebnis bleibt unverändert zu meinen obigen Beispielbildern.

Hast du meinen obigen Code für dein Beispiel verwendet?

Büssen

Guten Abend,

bei den letzten Updates für Nightly und 72 Beta ist mir folgendes aufgefallen - aber nur bei Aufruf von "Themes"

Dort werden die Auswahl-Icons nicht mehr mittig angezeigt. Bei "Erweiterungen" klappt alles.

Ich verwende diesen Code:

CSS

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

/*** Hintergrund der Container bei Hover andere Farbe ****/ 
    addon-card:not([expanded="true"]) .addon.card:hover {
      background: #76ee00 !important;
      box-shadow: 3px !important;
      border: 1px solid green ! important;
    }

/*** Umrandung der Container bei Hover breiter Rand und andere Farbe ****/ 
:root {
    --card-outline-color: DarkOrange !important;
    }
    
/**************** Versionsnummer der Addons wird angezeigt *************************************/

@-moz-document url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
url-prefix(chrome://mozapps/content/extensions/extensions.xul), url-prefix(about:addons) {  
    
    /*restore version number */
    div:not([current-view="updates"]) .addon-name-link[title]::after,
    div:not([current-view="updates"]) .addon-name[title]::after {
    display: block !important;
    content: attr(title) !important;
    margin-top: -22px !important;
    }
    
/***** Hintergrund der Button auf der rechten Seite *********/    
    addon-list addon-card:not([expanded="true"]) panel-list * {
      background: gold !important;
      color: black !important;
      
    }
    
    @supports -moz-bool-pref("browser.in-content.dark-mode") {
      @media (prefers-color-scheme: dark) {
        addon-list addon-card:not([expanded="true"]) panel-list *,
        .more-options-menu panel-item {
          background: black !important;
          color: white !important;
      }
    }}
    
    addon-list panel-item{
      margin: 0 5px !important; /* 5px Abstand zwischen den Button rechte Seite */
      box-shadow: inset 0 0 3px 3px grey; /* innerer Schatten der rechten Button */
      border-radius: 15px !important; /* Abrundung der Button */
    }
    
   
/***** Größenänderung der Button rechte Seite ****/
    link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button {
      width: unset !important;
      padding: 5px 25px !important; /* 5px ist die Höhe und 25px die Länge der rechten Button */
      
    }
    
/* Entfernt den Drei-Punkte-Button aus dem Container */
    addon-card .more-options-button {
      display: none !important;
    }

    /* remove button icon */
    addon-list panel-item {
      --icon: unset !important;
    }

/*** Anordnung der Button rechte Seite ***/     
    div.arrow.top + div.list {
      display: flex !important;
      flex-flow: row wrap !important;
      justify-content: flex-start !important;
    }
    
/******************** Aussehen des Menü hinter dem Zahnrad **************************************/    

    link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey] {
      padding-inline-start: 20px !important; /** Schrift ausrichten ab linkem Rand **/
      padding-top: 5px !important; /* Ausdehnung nach oben */
      padding-bottom: 5px !important; /* Ausdehnung nach unten */
      min-width: 340px !important;
      width: 346px !important; /* Länge der einzelnen Felder */
      background: gold ! important; /* Farbe des Hintergrundes */
      
    }

    .sticky-container {
      z-index: 1000 !important;
    }

    addon-page-options panel-list panel-item {
      min-width: 290px !important;
      width: 300px !important; /* Höhe des Menü-Feldes */
      
    }

    addon-page-options panel-list {
      min-width: unset !important;
      width: auto !important;
      max-width: 395px !important; /* Ausdehnung der Felder nach rechts */ 
      z-index: 1000 !important;
      
    }    
    
    addon-page-options panel-list panel-item[accesskey][checked] {
      background: url("chrome://global/skin/icons/check.svg") 5px no-repeat !important;
    }
    
    addon-list addon-card:not([expanded="true"]) panel-list {
      position: absolute !important;
      display: block !important;
      overflow: hidden !important;
      box-shadow: none !important;
      background: unset !important;
      border: none !important;
      box-shadow: unset !important;
      min-width: unset !important;
      width: unset !important;
      left: unset !important;
      top: unset !important;
      right: 40px !important; /* Abstand der Button bei Erweiterungen vom rechten Rand */
      bottom: unset !important;
    }

/*** Abstand zwischen den Containern ********/    
    addon-card .addon { margin: 8px !important; 
    }

/****** Höhe der Container ****/
    addon-list[type="extension"]{ --card-padding: 25px }
    addon-card .addon-card-collapsed{ margin-bottom: 2px !important; /* Button rechts Abstand vom oberen Rand */
    
    }    

/**** Abstand der Button vom rechten Rand bei Themes, Plugins, Wörterbücher, usw. *****/
    addon-list:-moz-any([type="theme"],[type="plugin"],[type="dictionary"]) addon-card:not([expanded="true"]) panel-list {
      right: 47px !important; 
    }

/**** Abstand der Button vom oberen Rand bei  Plugins, Wörterbücher, usw. *****/
    addon-list addon-card:not([expanded="true"]) panel-list {
      margin-top: -60px !important;
    }

/**** Abstand der Button vom oberen Rand bei Themes *****/
    addon-list:-moz-any([type="theme"]) addon-card:not([expanded="true"]) panel-list {
      margin-top: -130px !important;
        
/* Ausdehnung der Container zum rechten Rand hin ****/    
    /*.addon.card {
       width: 2967px;*/
    }

/*** Button Deaktivieren/Aktivieren ( Blau ) ***/
    input[type="checkbox"].toggle-button {
      margin-right: 500px !important; /* Abstand vom rechten Rand */
    }
    
/****** fortlaufende Nummerierung installierter Erweiterungen, Themes, usw. ******/    
    body {
      counter-reset: section;                     
    }

   #main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(n+2) > div:nth-child(1) > div:nth-child(2)::before,
   #main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(3) > addon-card:nth-child(n+2) > div:nth-child(1) > div:nth-child(2)::before {
      color: red !important;
      font-weight: bold !important;
      counter-increment: section;                 
      content: counter(section, decimal-leading-zero)".) ";
      padding-right: 20px !important; 
      margin-top:5px!important; /* Lage im Container */
      margin-left: -5px !important; /* Abstand vom linken Rand */
    }  

    button:-moz-focusring {
      box-shadow: none !important;
      outline: 2px dotted !important;
      outline-offset: 10px !important;
    }

/*************** Die großen Button auf der linken Seite **************************/
/******** Abstand der Button zum linken Rand *************/
    #categories > .category, #preferencesButton, #helpButton, #addonsButton {
      margin-left: 1px !important; 
    }

    #categories > .category:not([disabled]){
      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;
    }
    

/*** Aktiver Button rot, Schrift weiß ****/
    #categories > .category[selected]{
      color: white !important;
      background-color: red !important;
      margin-top: 1px !important;
      border-radius: 60px !important;
      box-shadow: inset 0 0 5px 5px #888; 
    }

/* Hintergrund der Button blau, Schrift weiß bei hover mit der Maus*/
    #categories > .category:hover, #preferencesButton:hover, #helpButton:hover, #addonsButton:hover {
      color: white !important;
      background-color: blue !important;
      margin-top: 1px !important;
      border-radius: 60px !important;
      box-shadow: inset 0 0 5px 5px #888; 
    }

/* restore buttons */
    addon-list .more-options-menu :-moz-any(addon-options,plugin-options) panel-list {
      position: relative !important;
      display: block !important;
      overflow: hidden !important;
      margin-top: -25px;
      box-shadow: unset !important;
      background: unset !important;
      border: unset !important;
      box-shadow: unset !important;
      min-width: unset !important;
      width: unset !important;
      
    }
    
    panel-item[badged] {
      border: 1px solid Highlight !important;
    }
    
panel-item[badged]::after,
    :host([badged]) button::after,
    link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button::after,
    :-moz-any(addon-options,plugin-options) button::after {
      display: none !important;
      content: unset !important;
    }

panel-item[action="preferences"] {
      order: -1;
    }
    
}

Alles anzeigen

Lässt sich da noch etwas nachbessern?

Büssen

Hallo,

vielleicht kann ich da mal aushelfen.

Hier mein Code dazu:

CSS

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


:root {
  --default_tab_border_roundness: 15px;
}

/* tab top border roundness */
#TabsToolbar .tabbrowser-tab,
#TabsToolbar .tabbrowser-tab .tab-stack,
#TabsToolbar .tabbrowser-tab .tab-background,
#TabsToolbar .tabbrowser-tab .tab-content {
  border-top-left-radius: var(--default_tab_border_roundness) !important;
  border-top-right-radius: var(--default_tab_border_roundness) !important;
  overflow: hidden;
}

#TabsToolbar .tabs-newtab-button{
  border-top-left-radius: var(--default_tab_border_roundness) !important;
  border-top-right-radius: var(--default_tab_border_roundness) !important;
}

/* hide tab separators */
.tabbrowser-tab::after,
.tabbrowser-tab::before {
  opacity: 0 !important;
  border-image: unset !important;
  border-image-slice: unset !important;
  width: unset !important;
}
#tabbrowser-tabs[movingtab] > .tabbrowser-tab[beforeselected]:not([last-visible-tab])::after,
.tabbrowser-tab:not([selected]):not([afterselected-visible]):not([afterhovered]):not([first-visible-tab]):not(:hover)::before,
#tabbrowser-tabs:not([overflow]) > .tabbrowser-tab[last-visible-tab]:not([selected]):not([beforehovered]):not(:hover)::after {
  content: unset !important;
  display: unset !important;
}

.tabbrowser-tab[selected] {
  font-weight: bold;
  color: black !important;
  border: 1.5px solid black !important;
}

.tabbrowser-tab:not([selected]){
  color: black!important;
  border: 1.5px solid black !important;
}

.tabbrowser-tab[selected] .tab-content { 
    background: yellow !important;
}



/* Tab-Icon etwas größer,
 * links weniger, unten etwas mehr Abstand zum TAB-Rand.
 */
#TabsToolbar .tab-icon-image {
  height: 20px !important;
  width:  20px !important;
  margin-left: -3px !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: -3px !important;
  padding: 0 !important;
  color: white !important;
  border-radius: 5px !important;
  border:2px solid lightgrey!important;
}
#TabsToolbar .tab-close-button:not([selected="true"]) {
  height: 22px !important;
  width:  22px !important;
  background: red !important;
  border:2px solid lightgrey!important;
  border-radius: 5px !important;
}

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

Alles anzeigen

Farben können noch für den eigenen Geschmack geändert werden

Büssen

Es ist schon wieder zu spät, um klare Gedanken zu entwickeln.

Bin einem Trugschluss zum Opfer gefallen, weil ich dies mit normalen Textdateien probiert habe.

Nun hat es endlich geklingelt - wurde auch mal Zeit!!!

Vielen Dank für dein Beispiel.

Büssen

Zitat von 2002Andreas

Geht z.B. mit Notepad++ ganz einfach
Oder per Tastenkombi. STRG + K

Hallo,

das ist für mich auch neu - habe mich immer von Hand abgemüht.

Aber - wie geht das nun genau? Habe einen Text markiert - dann Auswahl - Rechtsklick Auswahl auskommentieren

Da tut sich noch nichts?

Büssen

Und weil dem so ist, funktioniert auch wieder dieser Code, der auch noch zusätzlich dicke Backen machte (nicht funktionierte).

CSS

/**********************************************************************************************************/
/************** Adressfeld die Ecken abgerundet ***********************************************************/

#urlbar {
border: 2px solid #5badff !important;
border-radius: 50px !important;
background-color: #d9ecfd ! important;
}

Meine vorsichtigen kleinen Tests bringen manchmal auch Erfolg!

Büssen

Zitat von Sören Hentzschel

Der Schalter heißt jetzt browser.urlbar.update1.

Hallo,

habe den Schalter in about:config mal ohne den Punkt hinter der 1 eingegeben, also "browser.urlbar.update1" Auf dem Notebook poppte trotzdem bei Setzen (mit Punkt) auf "false" bei jedem Neuaufruf des Nightlys das Fenster noch groß auf.

Büssen

Hallo,

Zitat von 2002Andreas

Ganz wichtig, zusätzlich in about:config den Wert:
layout.css.xul-box-display-values.survive-blockification.enabled
auf false setzten.

mein Hauptprofil machte nach dem Update auf 71.0 mal wieder dicke Backen, es zeigte sich wiedermal ein leerer Raum unterhalb meiner Lesezeichen-Tabs (rund und farbig).

Abhilfe schaffte obiger Eintrag in about:config.

Vielen Dank dafür!

Büssen

Zitat von 2002Andreas

Und gaaanz wichtig sind die roten...
wie installiere ich den Fx neu, wenn ich ihn durch meine bastelei zerschossen habe

Da ihr nunmehr alle mit kleinen Hilfszettelchen arbeiten wollt, die am Monitor angeheftet werden sollten, möchte ich schon mal kundtun, dass bei mir bereits der rote Zettel mit Anweisungen in Großschrift hängt!

Büssen

FuchsFan

Habe eben das Update (Nightly) für den 30.11.19 ausgeführt.

Bei mir ist alles so erhalten geblieben, wie im #103 Addons Manager Nightly gezeigt wurde.

Glück gehabt!

Büssen

Hallo,

heute morgen ging es mit dem Probieren weiter - bis ich diese Lösung (für mich OK) bewerkstelligen konnte:

Auf der linken Seite geht es noch weiter, konnte dies nur nicht mit "GrapCaptureScreen" ganz darstellen.

Werde weitere Anpassungen beobachten - bei Bedarf dann auch noch Änderungen anbringen.

Vielen Dank an alle beteiligten Handwerker!

Büssen

Vielen Dank vorerst für eure Einlassungen.

Mir wird es momentan zu wuselig - scheinbar hat sich durch die diversen Änderungen (bei mir) einiges verbogen.

Ich mache dann mal Feierabend.

Bis dann!

Büssen

Den Wert aus Beitrag Addons Manager Nightly von 1567 habe ich schon ohne Wirkung auf 2567px erhöht.

Vielleicht habe ich mich unklar ausgedrückt:

Den Code aus dem Vorbeitrag habe ich ausprobiert. Ich möchte den Rahmen um die grüne Füllung nach rechts verschieben (s.a. Pfeil!)

Büssen

Guten Abend,

mit Interesse habe ich diesen Thread überflogen.

Eine Frage hätte ich zu dem Bild aus diesem Beitrag: Addons Manager Nightly

Wie spreche ich die Umrandung (im Code) an, die sich bei "Hover" zeigt? Ich möchte den Rahmen noch verbreitern.

Für die Code FX 70 u. 71 war ja diese Zeile zuständig:

CSS

addon-list addon-card > .addon.card
{
    width: 94vw  !important;  /* bringt die Container bis zum rechten Rand */

Diese 94 vw habe ich für die Verbreiterung angesprochen!

Büssen

Inzwischen bin ich auch richtig wach - habe gleich die about-addons.css für FX Beta und Nightly auf Vordermann gebracht.

Die dafür zuständigen Dateien schwächelten ein wenig, wurden wohl von FX 70.0.1 angesteckt!

Außerdem habe ich auch noch diese Datei auf Vordermann gebracht:

https://www.camp-firefox.de/attachment/231…ons-pc-neu-jpg/

Beiträge von Büssen

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

Die Farbe der aktuell geöffneten Registerkarte

Mehrzeilige Tableiste für aktuelle Firefox-Versionen

Mehrzeilige Tableiste für aktuelle Firefox-Versionen

Adressleiste vergrößert sich (Nightly 71.0a1)

Adressleiste vergrößert sich (Nightly 71.0a1)

FF71.0 - Menüleiste verrutscht

Ansicht "Erweiterungen verwalten"

Addons Manager Nightly

Addons Manager Nightly

Addons Manager Nightly

Addons Manager Nightly

Addons Manager Nightly

Aufruf - about:config > Hinweisbutton fehlt?