- Firefox-Version
- 89.0 auf MacBook Air und 88.0.1 auf MacBook Pro
- Betriebssystem
- MacOS
Überschrift habe ich angepasst, da ich mich vermutlich unklar ausgedrückt habe, tut mir sehr leid darum!
Ich würde mich so sehr freuen, wenn mir jemand helfen könnte. Ich habe meine komplette userChrome.css hier kopiert, da ich nicht genau weis, wo sich die Tableistenhöhe verbirgt, meiner Unerfahrenheit und Unsicherheit geschuldet.
Vielleicht findet sich bei Gelegenheit eine hilfsbereite Person hier im Forum, ich möchte natürlich gerne meinen FF aktuell halten. Zur Zeit arbeite ich daher mit meinem MacBook Air mit FF 89.0, was nicht sehr komfortabel ist (kleiner Bildschirm).
Liebes Forum,
ich lese hier schon lange mit und habe mir als Laie schon viele Themen angelesen und umgesetzt. Vielen Dank dafür, dass es so viele Hilfen gibt. Jetzt komme ich jedoch alleine nicht weiter und erhoffe mir hier eine Hilfestellung. Zur Zeit gibt es nach Update FF auf 89.0 viele Fragesteller, aber ich kann gerne warten, da ich immer zuerst auf meinem Probecomputer MacBook Air das Update aufspiele, teste dann wie es läuft mit meiner userChrome.css.
Nach dem Update auf 89.0 erscheinen die Tabs unter meiner Lesezeichensymbolleiste nicht mehr so, wie ich es gewohnt war, es bleibt soviel Platz und das Aussehen der Tabs hat sich auch verändert. Ich füge hier einige Bilder bei:
1. Bild vom MacBook Air nach Update auf FF 89.0 (hier müsste ich die Höhe der Symbolleiste theoretisch anpassen, was ich auch schon getan habe, jedoch arbeite ich nicht aktiv mit diesem Computer)
2. und 3. Bild vom MacBook Pro mit FF 88.0.1 : hier sieht man, dass ich mehrere Tabreihen habe, ab der 4. Reihe gibt es den Scrollbutton.
Mit meiner userChrome.css, die ich hier nachfolgend einfüge, ist es bisher auch nicht möglich gewesen, dass ich die Tabs verschieben konnte und mir damit geholfen hatte, dass ich beim Arbeiten bzw. Recherchieren die benötigten Tabs entweder an den Anfang oder an das Ende verschoben hatte, die anderen Tabs habe ich dann nach und nach gelöscht.
Mir geht es jetzt hauptsächlich darum, dass es nach Möglichkeit wieder so aussehen könnte und dass unter der Symbolleiste nicht so viel Platz verwendet wird.
Meine derzeitige userChrome.css ist wie folgt: sie hat bestimmt Fehler
@-moz-document url("chrome://browser/content/browser.xhtml") {
/ * Mehrstufige Lesezeichen-Symbolleiste */
#PersonalToolbar {
min-height: 20px !important;
}
#PersonalToolbar,
#PlacesToolbarItems {
max-height: calc(20px * 5) !important;
}
#personal-bookmarks,
#PlacesToolbar,
#PlacesToolbar > hbox {
display: block;
}
#PersonalToolbar toolbarbutton {
min-height: 25px !important;
max-height: 25px !important;
}
#PlacesToolbarItems {
display: flex;
flex-wrap: wrap;
overflow-x: visible;
overflow-y: auto;
}
#PlacesToolbarItems {
-moz-window-dragging: no-drag;
}
#PlacesToolbar #PlacesChevron {
display: none;
}
}
/* Schriftgröße Tabs */
.tab-text {
font-size:12px !important;
}
/* Aktiver Tab Schrift fett + schwarz */
.tabbrowser-tab[selected="true"]{
font-weight:bold;
color: black!important;
}
/* Aktiver Tab Hintergrund grey */
.tab-background[selected="true"]{
background: #cdc1c5!important;
}
/* Tableiste mehrreihig */
@-moz-document url(chrome://browser/content/browser.xhtml) {
[tabsintitlebar="true"][sizemode="maximized"] #navigator-toolbox {
padding-top: 8px !important;
}
#titlebar,#tabbrowser-tabs {
appearance: none !important;
}
[tabsintitlebar="true"] #TabsToolbar > .titlebar-buttonbox-container,
#main-window[inFullscreen="true"] #window-controls {
display: block;
}
/* Mehrreihige Tableiste, Anzahl der angezeigten Tabreihen = 6 Zeilen, weitere per Scrollbar */
box[class="scrollbox-clip"][orient="horizontal"],
tabs > arrowscrollbox { display: block; }
scrollbox[part][orient="horizontal"] {
display: flex;
flex-wrap: wrap;
max-height: calc(var(--tab-min-height) * 3); /* Anzahl der angezeigten Tabreihen = 6 Zeilen */
overflow-x: hidden;
overflow-y: auto;
}
tabs tab[fadein]:not([pinned]) {
flex-grow: 1;
}
tabs tab,.tab-background {
height: var(--tab-min-height);
overflow: hidden;
}
tab > .tab-stack {
width: 100%;
}
box[class="scrollbox-clip"][orient="horizontal"] {
-moz-window-dragging: no-drag;
}
hbox.titlebar-spacer,
#alltabs-button,tabs tab:not([fadein]) {
display: none;
}
/* Feste Breite der einzelnen Tabs wenn gewünscht, sonst entfernen bzw. verbreitern */
tabs tab[fadein]:not([pinned]) {
min-width: 150px !important;/* Minimale Tabbreite 276px */
max-width: 150px !important;/* Maximale Tabbreite 325px */
}
/* move titlebar and its content (menubar, tabs toolbar) below navigation/bookmarks toolbar */
#titlebar {
-moz-box-ordinal-group: 100 !important;
}
/* space above tabs toolbar */
#main-window[tabsintitlebar][sizemode="maximized"] * #titlebar {
margin-top: -8px !important;
}
/* space for menubar above navigation toolbar (Firefox titlebar) */
#main-window[tabsintitlebar]:not([sizemode="fullscreen"]) #nav-bar {
margin-top: 24px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"]:not([sizemode="fullscreen"]) #nav-bar {
margin-top: 24px !important;
}
/* add 'drag' feature to space above navigation toolbar */
#main-window[tabsintitlebar] #navigator-toolbox,
#main-window[tabsintitlebar] #nav-bar {
-moz-window-dragging: drag !important;
}
/* move menubar to the top and extend its with to full window width */
#toolbar-menubar {
position: fixed !important;
width: 100vw !important;
-moz-window-dragging: drag !important;
}
/* move menubars / tab toolbars caption buttons to windows top right position */
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
position: fixed !important;
right: 0 !important;
visibility: visible !important;
display: block !important;
}
/* menubar postion after moving to the top */
#toolbar-menubar {
top: 0px !important;
}
/* Linux/macOS */
/* space above navigation toolbar (OS titlebar) */
/* set to '0', if no menubar is used */
#main-window:not([tabsintitlebar]):not([sizemode="fullscreen"]) #nav-bar {
margin-top: 28px !important;
}
/* menubar postion in maximized mode after moving to the top */
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
top: 0px !important;
}
/* caption button position in maximized mode after moving to the top */
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container,
#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
top: -14px !important;
}
/* Windows */
@media (-moz-os-version:windows-win10), (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) {
/* set to '0', if no menubar is used */
#main-window:not([tabsintitlebar]):not([sizemode="fullscreen"]) #nav-bar {
margin-top: 18px !important;
}
/* set to '0', if no menubar is used */
#main-window[tabsintitlebar][sizemode="maximized"]:not([sizemode="fullscreen"]) #nav-bar {
margin-top: 32px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
top: 8px !important;
}
#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
top: 0px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
top: 8px !important;
}
}
/* hide line above navigation toolbar appearing in some cases */
#main-window:not([tabsintitlebar]) #nav-bar,
#main-window:not([tabsintitlebar]) #navigator-toolbox {
border-top: 0 !important;
box-shadow: unset !important;
}
/* force buttons on menubar being very small to not break the toolbar */
#toolbar-menubar toolbaritem > toolbarbutton .toolbarbutton-icon,
#toolbar-menubar > toolbarpaletteitem toolbarbutton .toolbarbutton-icon,
#toolbar-menubar > toolbarbutton .toolbarbutton-icon {
padding: 0px 0px !important;
height: 16px !important;
width: 16px !important;
}
#toolbar-menubar toolbaritem > toolbarbutton,
#toolbar-menubar > toolbarpaletteitem toolbarbutton,
#toolbar-menubar > toolbarbutton {
position: relative !important;
padding: 0px 0px !important;
margin: 0px 0px !important;
}
#toolbar-menubar toolbaritem > toolbarbutton .toolbarbutton-icon,
#TabsToolbar-customization-target > toolbarpaletteitem toolbarbutton .toolbarbutton-icon,
#TabsToolbar-customization-target > toolbarbutton .toolbarbutton-icon {
padding: unset !important;
height: unset !important;
width: unset !important;
}
/* Firefox Quantum userChrome.css tweaks ************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/
.tabbrowser-tab > .tab-stack > .tab-background:not([selected=true]) {
background-color: rgba(208,165,108,0.33) !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) {
background-color: rgba(207,208,210,0.48) !important;
}
#TabsToolbar[brighttext] .tabbrowser-tab > .tab-stack > .tab-background:not([selected=true]) {
background-color: rgba(255,255,255,0.2) !important;
}
#TabsToolbar[brighttext] .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) {
background-color: rgba(255,255,255,0.1) !important;
}
/* This nullifies the left separator animation making "hovering" tabs less distracting */
.tabbrowser-tab::after,
#tabbrowser-tabs[movingtab] > .tabbrowser-tab[visuallyselected]::before {
margin-top: 1px !important;
margin-bottom: 0px !important;
}
#main-menubar > *,
#PlacesToolbarItems > toolbarbutton{
font-size:13px!important;}Ich bitte ganz herzlich darum, dass ein hilfsbereiter Mensch aus dem Forum, sich diesen ganzen Text einmal ansehen und auf Fehler überprüfen könnte (scripte verwende ich bisher nicht) und mir einen korrigierten Code aufschreiben könnte. Ich würde ihn dann auf dem MacBook Air vorab prüfen.
Dieses ist mein 1. Beitrag und ich bitte zu entschuldigen, wenn ich mich vielleicht nicht richtig ausdrücke oder erkläre, was mein Anliegen ist. Ich hoffe sehr, dass alles gut geht.
