FFX 118 | Tableiste GANZ unten (unter Fenster) CSS-Code + Skript ?

^L^

Hallo beisammen,

GROSSE BITTE: Ich suche passendes Blankoprofil - also alle nötigen Dateien, Einstellungen, Anweisungen

als ZIP-Paket für Version 118.0.2 mit ....

1.) Tableiste ganz unten

2.) Tabs starten mittig

3.) Doppelklick auf Tableiste öffnet einen leeren (bzw. voreingestellten) Tab

4.) Doppelklick auf Tab schliesst ihn

5.) Tableiste so schmal und Tabs so klein wie möglich

BEISPIEL: Screenshot meiner 102.15.1ESR Version - so sollte es dann unter FFX 118 auch aussehen ...

PS: Ich schaff's einfach nicht mit FFX 115, 116, 117, 118. Das blanke, neue Profil (als Einstellungsbeispiel, nötige Dateien und Skripte) soll als zukünftige FFX-Basis dienen. Je schlanker, je lieber. (Also CSS & Script ?)

EDIT+ERGÄNZUNGEN: Mein Chrome-Ordner im Profilordner beinhaltet derzeit ...

1.) UserChrome.CSS

CSS

:root{ 
   /* Farbe 1: Thumb - Farbe 2: Hintergrund*/
  scrollbar-color: grey transparent;
     }
 
:root:active { 
   /* Farbe 1: Thumb - Farbe 2: Hintergrund*/
  scrollbar-color: darkgreen transparent; 
     }

#statuspanel-label {
  border: none !important;
  background: royalblue !important;
  color: white !important;
  font-size: 12pt;
  font-weight: normal !important;
}

#sidebar-box {
max-width: 20px;
}

/*Tableiste nach ganz unten*/
#TabsToolbar {
margin-bottom: 0px !important; /* Abstand nach unten*/
background: #009C31;/* Hintergrundfarbe*/
bottom:0 !important;
width:100% !important;
}
#tabbrowser-tabs tab {
max-width:10px!important; /*Tabbreite*/
height: 22px !important;
}
#main-window {
padding-bottom: 30px !important;
}
#TabsToolbar > .titlebar-buttonbox-container {
display: none !important;
}

/*Tabs in Tableiste mittig*/
scrollbox:not(#PlacesToolbarItems) {
    -moz-box-pack: center !important;
}

/*Aktiver Tab HG orange*/
.tabbrowser-tab[visuallyselected="true"] .tab-background{
   background: orange !important;
}

/*Inaktiver Tab Schrift schwarz = Standard*/
.tabbrowser-tab:not([visuallyselected="true"]) {
   color: white !important;
}

/* POPUP und KONTEXT Menus */
arrowscrollbox:not(#tabbrowser-arrowscrollbox), menupopup, popup {
    -moz-appearance: none!important;
    width: 350px !important; /* vorgegebene Breite der Popup-Fenster */
    border-radius: 6px !important;
    # border: 1px grey !important; /* Umrandung/Farbe */
    # padding: 10px 10px 10px 10px !important; /* Ausrichtung */
} 

/* Zeilen anpassen */    
menupopup > menu ,menupopup > menuitem,popup > menu ,popup > menuitem  {
    -moz-appearance: none !important;
    min-height: 20px !important; /* vorgegebene Hoehe der Zeilen */
    max-height: 30px !important;
    -moz-opacity: 1.0 !important;
    border-radius: 6px !important;
    border: 1px solid grey !important; /* Umrandung/Farbe */
}

/* Hintergrund/Umrandung/Ausrichtung - aller Popup */
menupopup { 
   border: 2px grey !important; /* Umrandung/Farbe */
   padding: 6px 6px 6px 6px !important; /* Ausrichtung */
   background: #transparent  /* #lightgrey */ !important; /* Hintergrund */
   font-size: 11pt !important; /* Schriftgroesse */
   border-radius: 10px !important;
}

#main-menubar > menu {
  font-size: 8pt!important;
 }

#main-menubar > menu:is(:hover,[open],[_moz-menuactive]) {
  background-color: darkorange !important; 
}

Alles anzeigen

2.) UserContent.CSS

CSS

:root{ 
   /* Farbe 1: Thumb - Farbe 2: Hintergrund*/
  scrollbar-color: grey transparent;
     }
 
:root:active { 
   /* Farbe 1: Thumb - Farbe 2: Hintergrund*/
  scrollbar-color: navy transparent; 
     }

@-moz-document domain("youtube.com") {
#consent-bump,
.style-scope.yt-upsell-dialog-renderer,
.style-scope.yt-upsell-dialog-renderer.no-transition,
iron-overlay-backdrop,
iron-overlay-backdrop.opened
{display: none !important;}
}

@-moz-document domain("google.com"), domain("google.de") {
.m114nf.aID8W,
.bErdLd
{display: none}

html.QVCmK
{
    overflow: visible !important;
}
}

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

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

html {
      --addon-page-options-width: 380px;
    }

/* Länge und Höhe aller Container */
addon-card:not([expanded="true"]) .addon.card {
      width: 830px !important;
      height: 26px !important;
   }

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

.header-name {
    font-size: 13px !important;
    margin-top: 8px !important;
    }

.addon-name-link[title]{
      font-size: 13px !important;
    }

.addon.card .addon-description {
      font-size: 11px !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;
    }

panel-item[action="check-for-updates"][data-l10n-id="addon-updates-check-for-updates"] {
  --in-content-button-background: none !important;
  }

#category-availableUpdates[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-availableUpdates[hidden] {
      opacity: 1 !important;
      min-height: 48px !important;
      height: 48px !important;
      display: inherit !important;
      transition: unset !important;
    }

}

/**/
    addon-list[type="theme"] addon-card:not([expanded="true"]) button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button),
    .more-options-menu panel-item {
      background: white !important;
      color: black !important;
      margin: 0 1px !important;
      border: 1px solid lightgrey !important;
    }

    addon-list[type="theme"] addon-card:not([expanded="true"]) button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button):not([badged]),
    addon-list panel-item:not([badged]){
      border: 1px solid lightgrey !important;
    }

    addon-list addon-card:not([expanded="true"]) panel-list * {
      background: white !important;
      color: black !important;
    }

    addon-list[type="theme"] addon-card:not([expanded="true"]) button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button):hover,
    addon-list[type="theme"] addon-card:not([expanded="true"]) button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button):active {
      border: 1px solid 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 *,
        addon-list[type="theme"] addon-card:not([expanded="true"]) button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button),
        .more-options-menu panel-item {
          background: black !important;
          color: white !important;
        }
        addon-list[type="theme"] addon-card:not([expanded="true"]) button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button):hover,
        addon-list[type="theme"] addon-card:not([expanded="true"]) button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button):active {
          border: 1px solid white !important;
        }
    }}

    addon-list panel-item{
      margin: 0 1px !important;
    }

/* Button rechte Seite */
    addon-list panel-item:not([badged]){
      border: none !important; /* Umrahmung / none = nicht gesetzt */
    }

/* reduce size of default buttons */
    link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button {
      width: unset !important;
      padding: 2px 5px !important;
      color: seagreen !important;  /* Schriftfarbe */
      font-weight: bold !important;  /* fette Schrift */
    }

/* remove three dots button */
    addon-card .more-options-button {
      display: none !important;
    }

/* remove button icon */
    :host([checked]),
    panel-item[checked],
    addon-list panel-item {
      --icon: unset !important;
    }

/* restore buttons */
    div.arrow.top + div.list {
      display: flex !important;
      flex-flow: row wrap !important;
      justify-content: flex-start !important;
    }

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

    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;
      color: seagreen !important;
    }

    addon-page-options panel-list {
      min-width: unset !important;
      width: auto !important;
      max-width: var(--addon-page-options-width) !important;
      z-index: 1000 !important;
    }

    addon-page-options panel-list panel-item {
      min-width: calc(var(--addon-page-options-width) - 20px) !important;
      width: 320px !important;
    }

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

    link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey] {
      padding-inline-start: 20px !important;
      padding-top: 3px !important;
      padding-bottom: 3px !important;
      min-width: calc(var(--addon-page-options-width) - 10px) !important;
      width: calc(var(--addon-page-options-width) - 10px) !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: relative !important;
      display: flex !important;
      overflow: hidden !important;
      background: unset !important;
      border: unset !important;
      box-shadow: unset !important;
      min-width: unset !important;
      width: unset !important;
      float: right !important;
      right: 36px !important;
    }

/*addon-list:-moz-any([type="theme"],[type="plugin"],[type="dictionary"],[type="all"]) addon-card:not([expanded="true"]) panel-list {
      right: 1px !important;
    }*/

    addon-list addon-card:not([expanded="true"]) panel-list {
      margin-top: -48px !important;
    }

/*addon-list[type="theme"] addon-card:not([expanded="true"]) panel-list {
      -moz-margin-end: 22px !important;
    }*/

    addon-list addon-card:not([expanded="true"]) .addon.card .theme-enable-button {
      -moz-appearance: none !important;
      min-width: 20px !important;
      width: 20px !important;
      max-width: 20px !important;
      height: 20px !important;
      font-size: 0 !important;
      border: 1px solid !important;
      border-top: 3px solid !important;
      -moz-margin-end: 1px !important;
      opacity: 0.9 !important;
    }

    addon-list addon-card:not([expanded="true"]) .addon.card .theme-enable-button:hover {
      cursor: pointer !important;
      opacity: 1.0 !important;
      filter: brightness(2.00) !important;
    }

    addon-list addon-card:not([expanded="true"]) .addon.card[active="true"] .theme-enable-button {
      background: Highlight url("chrome://global/skin/icons/check.svg") 2px no-repeat !important;
    }

    addon-list addon-card:not([expanded="true"]):hover .addon.card[active="true"] .theme-enable-button {
      background: red url("chrome://browser/skin/zoom-out.svg") 2px no-repeat !important;
    }

    addon-list addon-card:not([expanded="true"]):hover .addon.card[active="false"] .theme-enable-button {
      background: green url("chrome://global/skin/icons/check.svg") 2px no-repeat !important;
    }

    addon-list[type="theme"] addon-card:not([expanded="true"]) .card-contents{
      height: 40px !important;
    }

/*input[type="checkbox"].toggle-button {
      margin: 0 8px !important;
    }*/

    addon-list addon-card:not([expanded="true"]) .addon.card .theme-enable-button,
    input[type="checkbox"].toggle-button {
      -moz-margin-end: 8px !important;
    }

    addon-card:not([expanded]) > .addon.card,
    addon-card:not([expanded]) > .addon.card * {
      overflow: hidden !important;
    }
@-moz-document domain("camp-firefox.de") {body {font-family: 'Open Sans', sans-serif;} }

Alles anzeigen

3.) GanzUnten.UC.JS

Code

(function(){

try {

var vbox = document.createXULElement('vbox');

document.getElementById("navigator-toolbox").parentNode.parentNode.insertBefore(

vbox, document.getElementById("browser-bottombox"));

vbox.appendChild(document.getElementById("TabsToolbar"));

}catch(e) {}

})();

Alles anzeigen

4.) DblcClickTab.JS

Code

(function() {

  if (!window.gBrowser)
    return;

  gBrowser.tabContainer.addEventListener('dblclick', 
  function(event)
  {
        if (event.button != 0)
          return;
       
        let element = event.target.parentNode;
      
        while (element == gBrowser.tabContainer ) 
        { 
            Cu.import("resource://gre/modules/Services.jsm");
            let strHomeUrl = Services.prefs.getCharPref("browser.startup.homepage");
            gBrowser.selectedTab = gBrowser.addTrustedTab(strHomeUrl);
            event.preventDefault();
            return;
          
            element = element.parentNode;
        }
      }
  );
  
})();

Alles anzeigen

5.) UserChrome.JS

Code

// userChrome.js
userChrome.ignoreCache = true;
userChrome.import("*", "UChrm");

2002Andreas

Zitat von ^L^

Ich schaff's einfach nicht mit FFX 118. Das blanke, neue Profil

Das Profil alleine reicht ja auch nicht.

Du hast die allgemeinen Anpassungen zur Nutzung von Skripten gemacht?

Beitrag

Funktionelle Änderungen am Firefox durch Skripte

Als Ersatz für einige Erweiterungen bzw. Funktionen daraus kann man auch diverse Skripte benutzen.

( damit sind nicht optische Änderungen am Firefox gemeint)

Diese werden mit einer userChrome.css Datei erstellt.

Skripte werden als .uc.js Datei im Unterordner chrome gespeichert.

Hinweis:

Alle Skripte müssen in der Kodierung UTF-8 gespeichert werden.

Bei Notepad++ sieht das dann so aus:

camp-firefox.de/attachment/32977/

Und so im Texteditor von Windows:

camp-firefox.de/attachment/32978/

Besonderer Dank…

2002Andreas

15. November 2017 um 16:49

Du hast den about:config Eintrag im neuen Profil geändert auf true?

toolkit.legacyUserProfileCustomizations.stylesheets

Wenn du das alles gemacht hast, dann brauchst du nur die Dateien aus dem Ordner chrome im alten Profil in das neue Profil einfügen.

2002Andreas

Zitat von ^L^

3.) Doppelklick auf Tableiste öffnet

Ist Standard, wenn die Titelleiste aktiviert ist.

Zitat von ^L^

4.) Doppelklick auf Tab schliesst ihn

about:config

browser.tabs.closeTabByDblclick = true

Horstmann

Zitat von ^L^

Ich suche passendes Blankoprofil - also alle nötigen Dateien, Einstellungen, Anweisungen als ZIP-Paket für Version 118.0.2
BEISPIEL: Screenshot meiner ESR Version - so sollte es dann unter FFX 188 auch aussehen ...

Hmmm, um ein bisschen eigene Arbeit wirst du wohl nicht herumkommen...

Was ist denn deine ESR Version eigentlich, 115 oder noch 112?

Und welcher CSS Code klappt denn in deiner ESR, aber nicht in 118?

2002Andreas

Zitat von Horstmann

Was ist denn deine ESR Version eigentlich, 115 oder noch 112?

Das hatte ich glatt übersehen

Laut seinem UA die Version 102.

Da er jetzt eine ganz neue Installation nutzt braucht er auf jeden Fall:

Zitat von 2002Andreas

die allgemeinen Anpassungen zur Nutzung von Skripten

Und dann müssen seine evtl. genutzen Skripte noch angepasst werden, ebenso evtl. seine CSS Dateien.

Zitat von Horstmann

um ein bisschen eigene Arbeit wirst du wohl nicht herumkommen..

Alle diese evtl. Anpassungen/Änderungen wurden hier im Forum schon gepostet, also wenn dann einfach die Forensuche mal damit beschäftigen

Horstmann

Zitat von 2002Andreas

Zitat von Horstmann

Was ist denn deine ESR Version eigentlich, 115 oder noch 112?

Laut seinem UA die Version 102.

Au Backe, das ist alt...

Wenn man den alten CSS Code hätte, könnte der aber relativ einfach anpassbar sein, evtl. nur mit den paar Änderungen die ab 113 nötig wurden.

P.S.: Was ist UA?

2002Andreas

Zitat von Horstmann

evtl. nur mit den paar Änderungen die ab 113 nötig wurden.

Ähnliches Thema hatte er erst neulich hier:

Beitrag

Fx 117 > - Tableiste ganz unten Skript

Hi beisammen, ich suche den aktuellen Code für Taskleiste GANZ nach unten, also unter das Fenster - DANKE!

Mein funktioniernder Code bis FFX 114 ... ganzunten.uc.js

(Quelltext, 9 Zeilen)

^L^

6. September 2023 um 01:05

Und da hatte er schon den Fx 117.

Also sollten seine Codes und Skripte auch in Fx 118 funktionieren.

^L^

Zu FFX 117: O.K. Ich hab es damals nicht geschafft. Zum Zusammensuchen fehlt mir der Überblick und auch das softwaretechnische Geschick.

Ich habe gehofft, EIN neues Blanko-Profil + eine Basis-User.JS + ein Chrome-Ordner mit allen nötigen Einstellungen

in wenigen .CSS bzw. .JS zu versammeln ist zielführender.

2002Andreas

Zitat von ^L^

Zum Zusammensuchen fehlt mir der Überblick und auch das softwaretechnische Geschick.

Dafür brauchst du doch keine bes. Kenntnisse bezüglich Software.

Die Code/Skripte werden doch laufend hier angepasst und dann gepostet.

Zitat von ^L^

Zu FFX 117: O.K. Ich hab es damals nicht geschafft

Dann musst du es ganz in Ruhe erneut machen, andere haben das auch geschafft.

Zitat von ^L^

in wenigen .CSS bzw. .JS zu versammeln ist zielführender.

Die Skripte, CSS Codes und die user.js hast du doch schon.

PS:

Oder willst du jetzt, dass sich hier ein user die Arbeit macht, alles raussucht, und dir dann auf dem silberen Tablet eine .zip Datei erstellt, während du gemütlich einen Kaffee trinkst

Änderungen im Installationsordner musst du eh selber machen.

2002Andreas

Zitat von ^L^

Ich hab es damals nicht geschafft.

Und warum sagst du dann hier: Danke

Beitrag

RE: Fx 117 > - Tableiste ganz unten Skript

[…]

So isses, DANKE!

^L^

6. September 2023 um 16:04

und hast nicht nachgefragt?

^L^

Zitat von 2002Andreas

Zitat von ^L^

Ich hab es damals nicht geschafft.

Und warum sagst du dann hier: Danke

Beitrag

RE: Fx 117 > - Tableiste ganz unten Skript

[…]

So isses, DANKE!

^L^

6. September 2023 um 16:04

und hast nicht nachgefragt?

Weil mich das Thema letztlich genervt hat, weil ich es dann ja trotzdem nicht mehr schaffe.

Zitat von 2002Andreas

PS:
Oder willst du jetzt, dass sich hier ein user die Arbeit macht, alles raussucht, und dir dann auf dem silberen Tablet eine .zip Datei erstellt, während du gemütlich einen Kaffee trinkst

So in der Art. Ich suche halt (hoffe auf) eine(n) ''Tüftler(in)'', der/die sowas gern macht und als Hobby sieht ...

2002Andreas

Zitat von ^L^

weil ich es dann ja trotzdem nicht mehr schaffe.

Dann musst du dir eben mal mehr Mühe dabei geben.

Es wird doch alles ganz genau beschrieben mit Screenshots wo welche Datei eingefügt werden muss.

Die Arbeit im Installationsordner musst du eh selber machen.

Zitat von ^L^

der/die sowas gern macht und als Hobby sieht

Für uns alle die Skripte oder CSS Codes nutzen ist das ein Hobby mit Spaß an der Freude.

Zitat von ^L^

So in der Art.

Etwas mehr Einsatz solltest du schon zeigen.

Das kommt eben davon, wenn man eine ESR Version nutzt. Dann kommen alle Änderungen auf einen Schlag und nicht nacheinander wie bei der Release Version

Und wie gesagt, bevor du die Anpassungen nicht gemacht hast, bringt alles nichts.

Horstmann

Zitat von ^L^

Zitat von 2002Andreas

PS:
Oder willst du jetzt, dass sich hier ein user die Arbeit macht, alles raussucht, und dir dann auf dem silberen Tablet eine .zip Datei erstellt, während du gemütlich einen Kaffee trinkst

So in der Art. Ich suche halt (hoffe auf) eine(n) ''Tüftler(in)'', der/die sowas gern macht und als Hobby sieht ...

Man hilft ja gerne, aber wie Andreas schon gesagt hat, ein Minimum an Bemühung sollte schon da sein.

Wer das nicht mitbringt, sollte vielleicht keine Modifikationen benutzen; auch mit aller Unterstützung regeln sich solche Anpassungen sowieso nie von alleine.

Dazu kommt, dass es auch wirklich wichtig ist bei der Fragestellung möglichst viel an Information zu liefern; du hast noch nicht einmal die Fragen dazu hier beantwortet.

Ohne die richtigen Fragen gibt's halt keine guten Antworten.

Aber um dich nicht ganz hängen zu lassen, für die Tableiste ganz unten könntest du das hier mal probieren, für zentrierte Tabs irgendwas in der Art (nur grob getestet in 115esr, es gibt's bestimmt Besseres) :

CSS

.tabbrowser-tab:not([pinned], [hidden]):first-of-type {
    margin-left: auto !important;
}

.tabbrowser-tab:not([pinned], [hidden]):last-of-type {
    margin-right: auto !important;
}

.tabbrowser-tab:nth-last-child(1 of [pinned]) {
    background-color: pink !important;
    margin-right: auto !important;
}

Alles anzeigen

^L^

Danke erstmal. Das Tabs-in-der-Mitte.CSS funktioniert leider (noch) nicht. Hab ein weiteres CSS gefunden,

das aber auch nicht greift ...

CSS

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/centered_tab_content.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

.tabbrowser-tab[selected]:not(:hover):not([pinned]) .tab-label-container,
#tabbrowser-tabs:not([closebuttons="activetab"]) .tabbrowser-tab:not(:hover):not([pinned]) .tab-label-container{
  padding-inline-end: 6px !important;
}
.tab-icon-stack{
  margin-inline-start: auto
}
.tab-label-container{
  max-width: min-content;
  margin-inline-end: auto;
}

Alles anzeigen

Antworten ergeben sich mglw. von selbst, aus der Ansicht der einzelnen oben geposteten persönlichen Skripte aus meinem chrome-Ordner. Da ist scheinbar einiges doppelt in verschiedenen Dateien. Ich hab den Durchblick längst verloren - ich ''dementiere'' ja leider zunehmend.

ZWISCHENSTAND: Bin fast durch, der alte ESR Chrome-Ordner (siehe oben) dient als Basis.

Linker-Doppelklick-öffnet-Tab.JS (nebst dem Standard-Mitteklick) funktioniert auch wieder ...

Code

(function() {

  if (!window.gBrowser)
    return;

  gBrowser.tabContainer.addEventListener('dblclick', 
  function(event)
  {
        if (event.button != 0)
          return;
       
        let element = event.target.parentNode;
      
        while (element == gBrowser.tabContainer ) 
        { 
            let strHomeUrl = Services.prefs.getCharPref("browser.startup.homepage");
            gBrowser.selectedTab = gBrowser.addTrustedTab(strHomeUrl);
            event.preventDefault();
            return;
          
            element = element.parentNode;
        }
      }
  );
  
})();

Alles anzeigen

NOCH OFFEN: Die mittigen Tabs fehlen noch, und ganz rechts ist ein leeres Feld ...

Horstmann

Zitat von ^L^

Danke erstmal. Das Tabs-in-der-Mitte.CSS funktioniert leider (noch) nicht. Hab ein weiteres CSS gefunden,

das aber auch nicht greift ...

CSS

/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/centered_tab_content.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */

.tabbrowser-tab[selected]:not(:hover):not([pinned]) .tab-label-container,
#tabbrowser-tabs:not([closebuttons="activetab"]) .tabbrowser-tab:not(:hover):not([pinned]) .tab-label-container{
  padding-inline-end: 6px !important;
}
.tab-icon-stack{
  margin-inline-start: auto
}
.tab-label-container{
  max-width: min-content;
  margin-inline-end: auto;
}

Alles anzeigen

Dieser Code ist für den einzelnen Tab Inhalt, nicht für die Tabsleiste selber.

Probier mal den hier, wobei hier mein obiger Code auch geht:

CSS

/* Tabs in Tableiste mittig */

scrollbox:not(#PlacesToolbarItems) {
    justify-content: center !important;
}

Zitat von ^L^

ZWISCHENSTAND: Bin fast durch, der alte ESR Chrome-Ordner (siehe oben) dient als Basis.

Geht doch!

Zitat von ^L^

NOCH OFFEN: Die mittigen Tabs fehlen noch, und ganz rechts ist ein leeres Feld ...

Das Feld ist vermutlich der rechte Spacer, damit wären beide rechts und links ausgeschaltet, oder du suchst dir nur einen aus:

CSS

.titlebar-spacer[type="pre-tabs"], .titlebar-spacer[type="post-tabs"] {
  display: none !important;
}

Oder du änderst einfach die Breite nach Wunsch, 40px sind Fx Standard (Farbe nur zum Testen):

CSS

.titlebar-spacer[type="pre-tabs"], .titlebar-spacer[type="post-tabs"] {
    background-color: darkorange !important; 
    width: 12px !important; 
}

Für die schmale Tab Breite könntest du deinen entsprechenden CSS Code (Zeile 30-33) damit ersetzen:

CSS

#tabbrowser-tabs tab {
    height: 22px !important;
}

/*Tabbreite*/
#tabbrowser-tabs .tabbrowser-tab:not([pinned]) {
    min-width: 60px !important;
    flex: 0 !important;
}

^L^

Hurrah! Passt! Vielen, lieben Dank!

Horstmann

Zitat von ^L^

Hurrah! Passt!

Prima!

Aber deine Tabs sehen unten abgeschnitten aus.

Stell evtl. den gesamten, momentan aktuellen CSS Code rein, damit man da noch mal draufschauen kann - ausser du willst es so haben.

^L^

Jo, Danke. Das sieht so aus, weil die Tableiste bzw. auch die anderen Leisten im FFX 118 breiter ist/sind. Auch mit kompakter Dichte sind sie unter 118 aufgeblähter. Im ESR sind die Leisten mit ''Kompakt'' etwas schmäler. Am Liebsten würde ich alle Leisten auf etwa 23-24px Höhe reduzieren - ginge das?

CSS: UserChrome.css

:root{ 
   /* Farbe 1: Thumb - Farbe 2: Hintergrund*/
  scrollbar-color: grey transparent;
     }
 
:root:active { 
   /* Farbe 1: Thumb - Farbe 2: Hintergrund*/
  scrollbar-color: darkgreen transparent; 
     }

#statuspanel-label {
  border: none !important;
  background: royalblue !important;
  color: white !important;
  font-size: 12pt;
  font-weight: normal !important;
}

#sidebar-box {
max-width: 20px;
}

/*Tableiste nach ganz unten*/
#TabsToolbar {
margin-bottom: 0px !important; /* Abstand nach unten*/
background: #009C31;/* Hintergrundfarbe*/
bottom:0 !important;
width:100% !important;
}
#tabbrowser-tabs tab {
max-width:10px!important; /*Tabbreite*/
height: 22px !important;
flex: 0 !important;
}
#main-window {
padding-bottom: 30px !important;
}
#TabsToolbar > .titlebar-buttonbox-container {
display: none !important;
}

/*Tabs in Tableiste mittig*/
scrollbox:not(#PlacesToolbarItems) {
    justify-content: center !important;
}

/*Aktiver Tab HG orange*/
.tabbrowser-tab[visuallyselected="true"] .tab-background{
   background: orange !important;
}

/*Inaktiver Tab Schrift schwarz = Standard*/
.tabbrowser-tab:not([visuallyselected="true"]) {
   color: white !important;
}

.titlebar-spacer[type="pre-tabs"], .titlebar-spacer[type="post-tabs"] {
  display: none !important;
}

Alles anzeigen

Horstmann

Zitat von ^L^

CSS: UserChrome.css

:root{ 
   /* Farbe 1: Thumb - Farbe 2: Hintergrund*/
  scrollbar-color: grey transparent;
     }
 
:root:active { 
   /* Farbe 1: Thumb - Farbe 2: Hintergrund*/
  scrollbar-color: darkgreen transparent; 
     }

#statuspanel-label {
  border: none !important;
  background: royalblue !important;
  color: white !important;
  font-size: 12pt;
  font-weight: normal !important;
}

#sidebar-box {
max-width: 20px;
}

/*Tableiste nach ganz unten*/
#TabsToolbar {
margin-bottom: 0px !important; /* Abstand nach unten*/
background: #009C31;/* Hintergrundfarbe*/
bottom:0 !important;
width:100% !important;
}
#tabbrowser-tabs tab {
max-width:10px!important; /*Tabbreite*/
height: 22px !important;
flex: 0 !important;
}
#main-window {
padding-bottom: 30px !important;
}
#TabsToolbar > .titlebar-buttonbox-container {
display: none !important;
}

/*Tabs in Tableiste mittig*/
scrollbox:not(#PlacesToolbarItems) {
    justify-content: center !important;
}

/*Aktiver Tab HG orange*/
.tabbrowser-tab[visuallyselected="true"] .tab-background{
   background: orange !important;
}

/*Inaktiver Tab Schrift schwarz = Standard*/
.tabbrowser-tab:not([visuallyselected="true"]) {
   color: white !important;
}

.titlebar-spacer[type="pre-tabs"], .titlebar-spacer[type="post-tabs"] {
  display: none !important;
}

Alles anzeigen

Bist du sicher, dass das dein aktueller CSS Code/bzw. die komplette userChrome.css ist?

Ich habe hier leider nur 115esr zum Testen, und bin auf Mac, aber ich bekomme weder abgeschnittene Tabs mit dem Code, noch sind die Tabs so schmal wie in deinen Screenshots.

Ich kann mir auch nicht vorstellen, wie dieser CSS Code das überhaupt anstellen könnte.

Als Javascript für Tabs unten benutze ich das aus deinem ersten Beitrag, GanzUnten.uc.js.

^L^

Also, ich hab die minimierten Kontextmenüs zwecks Übersichtlichkeit mal weggelassen.

Ja, im Laufe der Jahre haben sich mehrere JS und CSS im chrome Order angesammelt. Welche Einträge was bewirken

kann ich gar nicht mehr nachvollziehen. Ich probier halt immer wieder Einträge zu ändern bzw. anzupassen, bis die gewünschte Wirkung da ist. Das ist natürlich pures ''Trial and Error-Prinzip'', aber es funktioniert einigermaßen.

NOCH OFFEN: Die Balkendicke aller Leisten auf etwa 70-80% verkleinern.

Ich stell halt einstweilen die Tabhöhe auf 26px und fülle somit den unteren Teil auf ...

CSS

#tabbrowser-tabs tab {
max-width:10px!important; /*Tabbreite*/
height: 26px !important;
flex: 0 !important;
}