Firefox 81 TABs viel zu klein !

FuchsFan

Zitat von GermanFreme82

Was ich mich noch frage ist, ob man den roten Trennstrich beim TAB verschieben in der TAB-Leiste etwas dicker machen könnte,

Das ist im Script verankert, da kann ich dir nicht helfen.

Zitat von GermanFreme82

Der nächste Angriffspunkt wäre da noch das leicht überladene Konextmenü in meinen TABs und wenn ich in der Bildmitte einfach den RMB drücke.

Dann musst du nur aufzählen was du behalten möchtest. Ich hatte dich schon einmal darauf hingewiesen.

Zitat von GermanFreme82

Du meinst, wenn ich dann F11 drücke und erneut F11, dann springen die TABs irgendwo anders hin ?

Das meine ich, wie sieht es bei dir aus wenn du Vollbild machst, dann Maus an den oberen Rand. Bild1 oder Bild2?

Zitat von GermanFreme82

Das sieht etwas komishc aus, aber damit kann ich noch leben, denn es ist defintitv besser, also vohrer jetzt.

Kann ich nicht reproduzieren, passiert hier nicht. Dann nimm alle deine Scripte wieder raus, füge sie einzeln wieder ein, immer Neustart und dann probieren.

GermanFreme82

FuchsFan Das ist aber schade, das man das mit dem roten Strich nicht anders lösen kann, aber wird wohl auch so erstmal reichen.

Zum Kontextmenü, das sieht aktuell mit RMB Klick Bildmitte so aus und ist überladen:

Google Translator: XPI (für Upload in TXT umbenannt) s3translator_firefox.xpi.txt
Bilderherunterlader => Link
Lympha: Link
TextNotes: Link

Der "Google Translator" sollte aber bei markierten Wörtern schon noch gehen, nur nicht zusehen sein, wenn ich nur ins NICHTS klicke.

2002Andreas

Zitat von FuchsFan

ich habe jetzt mal das Script von hier

Da hatte ich nicht weiter drauf geachtet, aber ok, dann soll er es einfach gegen das von dir wieder austauschen.

Pocket kannst du in about:config deaktivieren

extensions.pocket.enabled

auf false setzen.

GermanFreme82

FuchsFan Im Vollbild siehts bei mir dann so aus, wenn ich rechts oben an den Rand gehe:

GermanFreme82

Zitat von 2002Andreas

Zitat von FuchsFan

ich habe jetzt mal das Script von hier

Da hatte ich nicht weiter drauf geachtet, aber ok, dann soll er es einfach gegen das von dir wieder austauschen.
Pocket kannst du in about:config deaktivieren
extensions.pocket.enabled
auf false setzen.

Das ging fix mit dem umschalten und hat auch einwandfrei funktioniert.
Was du mit dem Script meinst versteh ich grad nur nicht.

Könntest du bitte nochmal den Beitrag verlinken, welches Script ich austauschen sollte ?

2002Andreas

Zitat von GermanFreme82

welches Script ich austauschen sollte ?

Wenn dein genutztes Script für die mehrzeilige Tableiste funktioniert, dann brauchst du nichts austauschen.

Nur wenn ein Fehler drin sein sollte, Z.B. beim Vollbildmodus, dann nimmst du das Script von FuchsFan .

GermanFreme82

Zitat von 2002Andreas

Zitat von GermanFreme82

welches Script ich austauschen sollte ?

Wenn dein genutztes Script für die mehrzeilige Tableiste funktioniert, dann brauchst du nichts austauschen.
Nur wenn ein Fehler drin sein sollte, Z.B. beim Vollbildmodus, dann nimmst du das Script von FuchsFan .

Achso okay verstehe.
FuchsFan hat mir ja 2 Bilder gezeigt und bei mir funktioniert alles soweit, bis auf die ganz leichten Clippingfehler, wenn ich einen neuen TAB öffne, aber die sind kürzer als 1 Sekunde. Im Vollbild kann ich oben rechts die 3 Knöpfe nebeneinander bedienen, falls das so gewollt ist.

kurzer Clippingfehler

2002Andreas

Zitat von GermanFreme82

Zum Kontextmenü

Waren die Einträge früher alle schon mal weg?

Nutzt du inzwischen die neueste userChrome.css Datei von mir?

GermanFreme82

Zitat von 2002Andreas

Zitat von GermanFreme82

Zum Kontextmenü

Waren die Einträge früher alle schon mal weg?
Nutzt du inzwischen die neueste userChrome.css Datei von mir?

Ich nutze aktuell diese "userChrome.css" hier:

CSS

/* -----------------------------*/
/* Tab: Optische Anpassungen */
/* -----------------------------*/


/* Feste Breite der Tabs */
.tabbrowser-tab:not([pinned]) {
width: 165px !important; /* die Breite der Tabs wird dynamisch angepasst */
max-width: 230px !important; /* bis zu dieser maximalen Breite */
}


/* Tab-Höhe */
.tabbrowser-tab {
min-height: 32px !important;
max-height: 32px !important;
vertical-align: bottom !important;
margin-top: 1px !important; /* oben 1px weniger */
margin-bottom: 1px !important; /* unten 1px weniger */
margin-right: 3px !important; /* Abstand zwischen den Tabs */


}


/* Icon im Tab versetzt */
#TabsToolbar .tab-icon-image {
height: 16px !important; /* Höhe */
width: 16px !important; /* Breite */
margin-left: -2px !important; /* nach links versetzt */
margin-bottom: 2px !important; /* Abstand von unten */
}


/* Tabschliessen-Button / Farbe des Kreuzes */
.tab-close-button {
color: white !important;
}


/* NewTab-Button + Farbe */
#tabs-newtab-button {
color: white !important;
}


/*------------------*/
/* Tab-Hintergrund */
/*------------------*/


/* aktiver Tab */
.tab-background[selected=true]:-moz-lwtheme > spacer {
background: #F09800 !important;
border-radius: 80px !important;
}


/* inaktiver Tab*/
.tab-background:not([selected=true]):-moz-lwtheme > spacer {
background: #C39D74 !important;
border-radius: 80px !important;
}


/* ------------------------------*/
/* Schrift: Optische Anpassungen */
/* ------------------------------*/


/* Deckkraft der Schrift */
#tabbrowser-tabs :not([fokus]){
opacity: 1 !important;
}


/* Schrift inaktiver Tab */
.tabbrowser-tab .tab-label {
font-size: 13px !important;
color: white !important;
}


/* Schrift aktiver Tab */
.tabbrowser-tab .tab-label[selected="true"] {
color: white !important;
font-size: 14px !important;
}


/* Schrift im Zentrum des Tabs */
.tab-label {
-moz-box-flex: 1 !important;
text-align: left !important;
}


/* ------------------------*/
/* störende Teile entfernt */
/* ------------------------*/


/* Tab-Rahmen entfernen */
#TabsToolbar .tabbrowser-tab[visuallyselected="true"],
#TabsToolbar .tabbrowser-tab,
#TabsToolbar .tabbrowser-tab .tab-background {
background: none !important;
border-top: none !important;
outline: none !important;
}


/* Tab-Separatoren entfernen */
.tabbrowser-tab::after,
.tabbrowser-tab::before {
opacity: 0 !important;
border-image: unset !important;
border-image-slice: none !important;
width: 2 !important;
}


/* obere Tab-Line entfernen */
#TabsToolbar .tabbrowser-tab .tab-line {
display: none !important;
}


/* doppelte graue Linie unter der Tabs-Toolbar entfernt */
#nav-bar {
box-shadow: none !important;
}


/*----------------------------------------*/
/* Megabar (Url-Bar) die Ecken abgerundet */
/*----------------------------------------*/


/* Adressleiste / Erhöhung wird verhindert */
#urlbar-background {
background: #f8f8ff ! important; /* Hintergrund */
border: 1px solid #5badff !important;
border-radius: 50px !important; }
#urlbar[breakout][breakout-extend] {
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
left: 0 !important;
width: 100% !important; }
#urlbar[breakout][breakout-extend] > #urlbar-input-container {
height: var(--urlbar-height) !important;
padding-block: 0 !important;
padding-inline: 0 !important; }
#urlbar[breakout][breakout-extend][breakout-extend-animate] > #urlbar-background {
animation-name: none !important; }
#urlbar[breakout][breakout-extend] > #urlbar-background {
box-shadow: none !important;
}


/* Suchleiste Ecken abrunden */
#searchbar {
/* border-radius: 50px !important;
border: 1px solid #5badff !important; */
background-color: black/* #f8f8ff */ ! important; /* Hintergrund */
}


/* -------------------------------------*/
/* Kontext-Menü / Einträge ausgeblendet */
/* -------------------------------------*/


#context_pinTab,
#context_moveTabOptions,
#context_reopenInContainer,
#context_sendTabToDevice,
#context-sendlinktodevice,
#context-inspect-a11y,
#context-openlink,
#context-openlinkprivate,
#context-bookmarklink,
#context-inspect,
#context-openlinkinusercontext-menu,
#context-viewpartialsource-selection,
#context-sep-sendlinktodevice,
#inspect-separator,
#context-sendpagetodevice,
#context-viewbgimage,
#context-selectall,
#context-viewsource,
#context-sep-sendpagetodevice,
#context-sep-viewbgimage,
#contentAreaContextMenu > menuseparator:nth-child(93),
#context-sendimage,
#context-setDesktopBackground {
display: none !important;
}
#context_duplicateTab {
-moz-box-ordinal-group: 0 !important;
}
#context-openlinkintab {
-moz-box-ordinal-group: 0 !important;
}
#context-copylink {
-moz-box-ordinal-group: 0 !important;
}




/*--------------------------------------------*/
/* Ordnersymbole für Symbolleiste und Sidebar */
/*--------------------------------------------*/


@-moz-document url-prefix(chrome://browser/content/browser.xhtml),
url("chrome://browser/content/places/places.xhtml") {
.bookmark-item[container="true"]{
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=") !important;
}
}


@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml") {
treechildren::-moz-tree-image(container) {
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=") !important;
}
}

Alles anzeigen

Ich weiß allerdings gerade nicht, ob die von dir ist, oder von "FuchsFan" ?
Die Einträge waren früher schonmal weg aus dem Kontextmenü, also beim alten FF79 meine ich, weil ich sie da auch rausgeblock hatte mit irgendeinem CSS-Code, glaube ich.

FuchsFan

Zitat von GermanFreme82

Das ist aber schade, das man das mit dem roten Strich nicht anders lösen kann

Ich glaube bestimmt, dass es zu lösen ist, aber ich bin dazu nicht in der Lage. Ich kenne auch die Stelle im Script, habe schon Versuche unternommen, aber ohne Ergebnis. Eventuell kann hier ein Experte eingreifen.

Zitat von GermanFreme82

hat mir ja 2 Bilder gezeigt und bei mir funktioniert alles soweit

Das Bild dokumentiert, dass du den richtigen Code nutzt. Alle anderen dazu würde ich jetzt entsorgen, damit du nicht durcheinander kommst.

2002Andreas

Zitat von GermanFreme82

Ich nutze aktuell diese "userChrome.css" hier:

Hier hatte ich dir bereits die erste angepasste Version gepostet:

#117

GermanFreme82

Zitat von 2002Andreas

Zitat von GermanFreme82

Ich nutze aktuell diese "userChrome.css" hier:

Hier hatte ich dir bereits die erste angepasste Version gepostet:
#117

Okay die habe ich nun eingefügt und die alter davor gelöscht.
Ich habe jediglich eine Farbe ausgetauscht durch #C39D74 ,aber sonst habe daran nichts geändert.

Ich habe nun herausgefunden, welches Script für die Clippinfehler verantwortlich ist.
Wenn ich "HideTabbarWithOneTab.uc.js" aus dem Ordner entferne, dann clippen die Tabs nicht umher, wenn ich einen neuen aufmache.

Zur Überprüfung habe ich alle Scripte einzeln getestet (reinkopiert gestartet, reinkopiert gestartet etc.) und als ich das fehlerhafte Script gefunden hatte, hab ich alle anderen entfernt und nur damit getestet und der Fehler kam sofort.

Fehlerquelle ist der Code hier:

Code

// HideTabbarWithOneTab.uc.js
// v. 0.1




Cc["@mozilla.org/preferences-service;1"].getService(Ci.nsIPrefService).setBoolPref("browser.tabs.drawInTitlebar", false);
var tabbar = document.getElementById("TabsToolbar");
function showHideTabbar (mutations) {
tabbar.collapsed = (gBrowser.visibleTabs.length == 1);
};
showHideTabbar();
var observer = new MutationObserver(showHideTabbar);
observer.observe(document.querySelector('#tabbrowser-tabs'), {attributes: true});

Alles anzeigen

2002Andreas

Zitat von GermanFreme82

welches Script für die Clippinfehler verantwortlich ist.

Bei Scripten muss ich leider passen. Evtl. fällt aber einem anderen User noch etwas dazu ein.

Hier ist wieder eine kompl. angepasste userChrome.css Datei.

Bitte wieder austauschen und testen.

CSS

/* -----------------------------*/
/* Tab: Optische Anpassungen    */ 
/* -----------------------------*/
 
/* Feste Breite der Tabs */
.tabbrowser-tab:not([pinned]) {
    width: auto !important; /* die Breite der Tabs wird dynamisch angepasst */ 
    max-width: 230px !important; /* bis zu dieser maximalen Breite */
}    

/* Tab-Höhe  */
.tabbrowser-tab {
    min-height: 32px !important;
    max-height: 32px !important;
    vertical-align: bottom !important;
    margin-top: 1px !important; /* oben 1px weniger */
    margin-bottom: 1px !important; /* unten 1px weniger */
    margin-right: 3px !important; /* Abstand zwischen den Tabs */

}

/* Icon im Tab versetzt */
#TabsToolbar .tab-icon-image {
    height: 16px !important; /* Höhe */
    width:  16px !important; /* Breite */
    margin-left: -2px !important; /* nach links versetzt */
    margin-bottom: 2px !important; /* Abstand von unten */
}

/* Tabschliessen-Button / Farbe des Kreuzes */
.tab-close-button {
    color: white !important;
}

/* NewTab-Button + Farbe */
#tabs-newtab-button {
    color: white !important;
}

/*------------------*/
/* Tab-Hintergrund  */
/*------------------*/

.tabbrowser-tab[selected] .tab-content {
    background: #F09800 !important;
    border-radius: 80px !important;
}

.tabbrowser-tab:not([selected]) .tab-content {
    background: #deb887 !important;
    border-radius: 80px !important;
}    


/* ------------------------------*/
/* Schrift: Optische Anpassungen */ 
/* ------------------------------*/

/* Deckkraft der Schrift */
#tabbrowser-tabs :not([fokus]){
    opacity: 1 !important;
}

/* Schrift inaktiver Tab */
.tabbrowser-tab .tab-label {
    font-size:   13px !important;
    color: white !important;
}

/* Schrift aktiver Tab */    
.tabbrowser-tab .tab-label[selected="true"] {
    color: white !important;  
    font-size:   14px !important;
}



/* ------------------------*/
/* störende Teile entfernt */ 
/* ------------------------*/
    
/* Tab-Rahmen entfernen */
#TabsToolbar .tabbrowser-tab[visuallyselected="true"],
#TabsToolbar .tabbrowser-tab,
#TabsToolbar .tabbrowser-tab .tab-background {
    background: none !important;
    border-top: none !important;
    outline: none !important;
}

/* Tab-Separatoren entfernen */
.tabbrowser-tab::after,
.tabbrowser-tab::before {
  opacity: 0 !important;
  border-image: unset !important;
  border-image-slice: none !important;
  width: 2 !important;
}

/* obere Tab-Line entfernen */
#TabsToolbar .tabbrowser-tab .tab-line {
    display: none !important; 
}

/* doppelte graue Linie unter der Tabs-Toolbar entfernt */
#nav-bar {
    box-shadow: none !important;
}

/*----------------------------------------*/
/* Megabar (Url-Bar) die Ecken abgerundet */
/*----------------------------------------*/

/* Adressleiste / Erhöhung wird verhindert */
#urlbar-background {
    background: #f8f8ff ! important; /* Hintergrund */
    border: 1px solid #5badff !important;
    border-radius: 50px !important; }
#urlbar[breakout][breakout-extend] {
    top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
    left: 0 !important;
    width: 100% !important; }
#urlbar[breakout][breakout-extend] > #urlbar-input-container {
    height: var(--urlbar-height) !important;
    padding-block: 0 !important;
    padding-inline: 0 !important; }
#urlbar[breakout][breakout-extend][breakout-extend-animate] > #urlbar-background {
  animation-name: none !important; }
#urlbar[breakout][breakout-extend] > #urlbar-background {
    box-shadow: none !important;
}    

/* Suchleiste Ecken abrunden */
#searchbar {
  border-radius: 50px !important;
    border: 1px solid #5badff !important;
    }  
     
/* -------------------------------------*/
/* Kontext-Menü / Ausblendungen */
#context-openlink,
#context-openlinkprivate,
#context-bookmarklink,
#context-sendlinktodevice,
#context-inspect,
#context_pinTab,
#context_moveTabOptions,
#context_reopenInContainer,
#context-openlinkinusercontext-menu,
#context-viewpartialsource-selection,
#context-sep-sendlinktodevice,
#_lympha-menuitem-_lympha-ctx-btn,
#contentAreaContextMenu > menuseparator:nth-child(93),
#context-sendpagetodevice,
#context-viewbgimage,
#context-selectall,
#context-viewsource,
#context-sep-sendpagetodevice,
#context-sep-viewbgimage,
#context-sendimage,
#context-setDesktopBackground,
#context_sendTabToDevice,
#context-inspect-a11y,
#context-openlinkprivate,
#context-bookmarklink,
menuitem[label="TextNotes"],
#testing_duckduckgo_com-menuitem-1,
#inspect-separator {
     display:none!important;
}

#context_duplicateTab {
    -moz-box-ordinal-group: 0 !important;
}
#context-openlinkintab {
   -moz-box-ordinal-group: 0 !important;
}
#context-copylink {
   -moz-box-ordinal-group: 0 !important;
}

#jid1-kdtticj6wxvafa_jetpack-menuitem-_sss {
-moz-box-ordinal-group: 100 !important;
}

/*--------------------------------------------*/
/* Ordnersymbole für Symbolleiste und Sidebar */   
/*--------------------------------------------*/
 
@-moz-document url-prefix(chrome://browser/content/browser.xhtml),
url("chrome://browser/content/places/places.xhtml") {
.bookmark-item[container="true"]{
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=") !important;
}
}

@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml") {
treechildren::-moz-tree-image(container) {
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=") !important;
}
}

Alles anzeigen

FuchsFan

Zitat von GermanFreme82

Ich weiß allerdings gerade nicht, ob die von dir ist, oder von "FuchsFan" ?

Ganz ruhig bleiben, Andreas hat den "Mist" den ich unbewusst verzapft habe, wieder nach deinen Wünschen aufbereitet.

Und damit nun auch das gewünschte mit den Farben , der schwarzen Suchleiste (ist in deinem Code immer noch drin, aber siehst du ja nicht, weil du sie nicht nutzt), usw. Ich kann ja verstehen, es ist natürlich ein gewaltiger Berg zu erklimmen für dich, aber auch mal die Beiträge gewissenhaft lesen.

Diese Sachen habe ich jetzt noch einmal (ich glaube letztmalig) aufbereitet. Tausche das in der userChrome.css aus.

CSS

/* -----------------------------*/
/* Tab: Optische Anpassungen    */ 
/* -----------------------------*/
 
/* Feste Breite der Tabs */
.tabbrowser-tab:not([pinned]) {
    width: 165px !important; /* die Breite der Tabs wird dynamisch angepasst */ 
    max-width: 230px !important; /* bis zu dieser maximalen Breite */
}    

/* Tab-Höhe  */
.tabbrowser-tab {
    min-height: 32px !important;
    max-height: 32px !important;
    vertical-align: bottom !important;
    margin-top: 1px !important; /* oben 1px weniger */
    margin-bottom: 1px !important; /* unten 1px weniger */
    margin-right: 3px !important; /* Abstand zwischen den Tabs */

}

/* Icon im Tab versetzt */
#TabsToolbar .tab-icon-image {
    height: 16px !important; /* Höhe */
    width:  16px !important; /* Breite */
    margin-left: -2px !important; /* nach links versetzt */
    margin-bottom: 2px !important; /* Abstand von unten */
}

/* Tabschliessen-Button / Farbe des Kreuzes */
.tab-close-button {
    color: white !important;
}

/* NewTab-Button + Farbe */
#tabs-newtab-button {
    color: white !important;
}

/*------------------*/
/* Tab-Hintergrund  */
/*------------------*/

.tabbrowser-tab[selected] .tab-content {
    background: #F09800 !important;
    border-radius: 80px !important;
}

.tabbrowser-tab:not([selected]) .tab-content {
    background: #C39D74 !important;
    border-radius: 80px !important;
}    

/* ------------------------------*/
/* Schrift: Optische Anpassungen */ 
/* ------------------------------*/

/* Deckkraft der Schrift */
#tabbrowser-tabs :not([fokus]){
    opacity: 1 !important;
}

/* Schrift inaktiver Tab */
.tabbrowser-tab .tab-label {
    font-size:   13px !important;
    color: white !important;
}

/* Schrift aktiver Tab */    
.tabbrowser-tab .tab-label[selected="true"] {
    color: white !important;  
    font-size:   14px !important;
}

/* ------------------------*/
/* störende Teile entfernt */ 
/* ------------------------*/
    
/* Tab-Rahmen entfernen */
#TabsToolbar .tabbrowser-tab[visuallyselected="true"],
#TabsToolbar .tabbrowser-tab,
#TabsToolbar .tabbrowser-tab .tab-background {
    background: none !important;
    border-top: none !important;
    outline: none !important;
}

/* Tab-Separatoren entfernen */
.tabbrowser-tab::after,
.tabbrowser-tab::before {
  opacity: 0 !important;
  border-image: unset !important;
  border-image-slice: none !important;
  width: 2 !important;
}

/* obere Tab-Line entfernen */
#TabsToolbar .tabbrowser-tab .tab-line {
    display: none !important; 
}

/* doppelte graue Linie unter der Tabs-Toolbar entfernt */
#nav-bar {
    box-shadow: none !important;
}

/*----------------------------------------*/
/* Megabar (Url-Bar) die Ecken abgerundet */
/*----------------------------------------*/

/* Adressleiste / Erhöhung wird verhindert */
#urlbar-background {
    background: #f8f8ff ! important; /* Hintergrund */
    border: 1px solid #5badff !important;
    border-radius: 50px !important; }
#urlbar[breakout][breakout-extend] {
    top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
    left: 0 !important;
    width: 100% !important; }
#urlbar[breakout][breakout-extend] > #urlbar-input-container {
    height: var(--urlbar-height) !important;
    padding-block: 0 !important;
    padding-inline: 0 !important; }
#urlbar[breakout][breakout-extend][breakout-extend-animate] > #urlbar-background {
   animation-name: none !important; }
#urlbar[breakout][breakout-extend] > #urlbar-background {
    box-shadow: none !important;
}    

/* Suchleiste Ecken abrunden */
#searchbar {
    background: #f8f8ff ! important; /* Hintergrund */
    border-radius: 50px !important;
    border: 1px solid #5badff !important;
}  
     
/* -------------------------------------*/
/* Kontext-Menü / Einträge ausgeblendet */ 
/* -------------------------------------*/

#context_pinTab,
#context_moveTabOptions,
#context_reopenInContainer,
#context_sendTabToDevice,
#context-sendlinktodevice,
#context-inspect-a11y,
#context-openlink,
#context-openlinkprivate,
#context-bookmarklink,
#context-inspect,
#context-openlinkinusercontext-menu,
#context-viewpartialsource-selection,
#context-sep-sendlinktodevice,
#inspect-separator,
#context-sendpagetodevice,
#context-viewbgimage,
#context-selectall,
#context-viewsource,
#context-sep-sendpagetodevice,
#context-sep-viewbgimage,
#contentAreaContextMenu > menuseparator:nth-child(93),
#context-sendimage,
#context-setDesktopBackground {
   display: none !important;
}
#context_duplicateTab {
    -moz-box-ordinal-group: 0 !important;
}
#context-openlinkintab {
   -moz-box-ordinal-group: 0 !important;
}
#context-copylink {
   -moz-box-ordinal-group: 0 !important;
}


/*--------------------------------------------*/
/* Ordnersymbole für Symbolleiste und Sidebar */   
/*--------------------------------------------*/
 
@-moz-document url-prefix(chrome://browser/content/browser.xhtml),
url("chrome://browser/content/places/places.xhtml") {
.bookmark-item[container="true"]{
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=") !important;
}
}

@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml") {
treechildren::-moz-tree-image(container) {
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAd5JREFUeNqMU79rFUEQ/vbuodFEEkzAImBpkUabFP4ldpaJhZXYm/RiZWsv/hkWFglBUyTIgyAIIfgIRjHv3r39MePM7N3LcbxAFvZ2b2bn22/mm3XMjF+HL3YW7q28YSIw8mBKoBihhhgCsoORot9d3/ywg3YowMXwNde/PzGnk2vn6PitrT+/PGeNaecg4+qNY3D43vy16A5wDDd4Aqg/ngmrjl/GoN0U5V1QquHQG3q+TPDVhVwyBffcmQGJmSVfyZk7R3SngI4JKfwDJ2+05zIg8gbiereTZRHhJ5KCMOwDFLjhoBTn2g0ghagfKeIYJDPFyibJVBtTREwq60SpYvh5++PpwatHsxSm9QRLSQpEVSd7/TYJUb49TX7gztpjjEffnoVw66+Ytovs14Yp7HaKmUXeX9rKUoMoLNW3srqI5fWn8JejrVkK0QcrkFLOgS39yoKUQe292WJ1guUHG8K2o8K00oO1BTvXoW4yasclUTgZYJY9aFNfAThX5CZRmczAV52oAPoupHhWRIUUAOoyUIlYVaAa/VbLbyiZUiyFbjQFNwiZQSGl4IDy9sO5Wrty0QLKhdZPxmgGcDo8ejn+c/6eiK9poz15Kw7Dr/vN/z6W7q++091/AQYA5mZ8GYJ9K0AAAAAASUVORK5CYII=") !important;
}
}

Alles anzeigen

2002Andreas

Zitat von FuchsFan

Tausche das in der userChrome.css aus.

Das ist das (kleine) Problem, wenn 2 helfen wollen

Im Beitrag vor deinem ist auch eine angepasste CSS Version.

Zitat von FuchsFan

hat den "Mist" den ich unbewusst verzapft habe

Alles ist gut, du hast keinen (Mist) gemacht.

FuchsFan

Zitat von 2002Andreas

Das ist das (kleine) Problem, wenn 2 helfen wollen

Hoppla!

Zitat von 2002Andreas

Alles ist gut, du hast keinen (Mist) gemacht.

Danke!

Zitat von 2002Andreas

Im Beitrag vor deinem ist auch eine angepasste CSS Version

Ich hatte mich auf seine Aussage von hier RE: Firefox 81 TABs viel zu klein ! berufen.

2002Andreas

Zitat von FuchsFan

Ich hatte mich

Wir beide warten jetzt mal ab, was GermanFreme82 bei einem erneuten Test für eine Rückmeldung gibt.

GermanFreme82

Ich habe nun nochmal folgendes probiert:

CSS

/* -----------------------------*/
/* Tab: Optische Anpassungen */
/* -----------------------------*/

/* Feste Breite der Tabs */
.tabbrowser-tab:not([pinned]) {
width: 165px !important; /* die Breite der Tabs wird dynamisch angepasst */
max-width: 230px !important; /* bis zu dieser maximalen Breite */

CSS

/* -----------------------------*/
/* Tab: Optische Anpassungen */
/* -----------------------------*/

/* Feste Breite der Tabs */
.tabbrowser-tab:not([pinned]) {
width: auto !important; /* die Breite der Tabs wird dynamisch angepasst */
max-width: 230px !important; /* bis zu dieser maximalen Breite */

CSS

/* -----------------------------*/
/* Tab: Optische Anpassungen */
/* -----------------------------*/

/* Feste Breite der Tabs */
.tabbrowser-tab:not([pinned]) {
width: 165px !important; /* die Breite der Tabs wird dynamisch angepasst */
max-width: 165px !important; /* bis zu dieser maximalen Breite */

Ich habe diese CSS probiert von FuchsFan
userChrome.css.txt

Und ich habe diese CSS probiert von 2002Andreas
(ANDREAS)userChrome.css.txt

Das Clipping war noch da!

Danach habe ich alles aus dem Ordner geworfen BIS auf -siehe Bild- und das Clipping war immer noch da:

2002Andreas

Zitat von GermanFreme82

Das Clipping war noch da!

Was ist mit dem Kontextmenü?

Sind jetzt alle Einträge weg die du wolltest?

Sind die Tabs jetzt so wie du sie wolltest.

Du könntest auch mal nur die Scripte testen, ohne die userChrome.css Änderungen.

Wenn es dann nämlich nicht ist, dann liegt das Problem in der userChrome.css, und man weiß wo man suchen muss.

FuchsFan

Ändere mal bitte, und probieren:

CSS

/* -----------------------------*/
/* Tab: Optische Anpassungen */
/* -----------------------------*/

/* Feste Breite der Tabs */
.tabbrowser-tab:not([pinned]) {
min-width: 165px !important; 
max-width: 165px !important;  
}

Firefox 81 TABs viel zu klein !

Ähnliche Themen

Tab-Leiste verringert spontan die Höhe

Angeheftete Tabs nach Browserneustart behalten (ohne alte Chronik/Verlauf)

Frühere Sitzung wiederherstellen scheitert

Tabs-Breite in FF 72.0

FF 71 Tab leiste und Menü leiste Problem

Mehrzeilige Tabreihen (Nightly)