großer Leer-Raum unter der Adresszeile

techno-com

Hallo..

seitdem über Nacht wohl ein Update kam wird bei mir jetzt der Firefox unterhalb der TABs (oberhalb der Adresszeile aber) mit einem riesen "Abstand" (ca. 5cm) angezeigt.

Hinweis:

Da es Tab-Mix-Plus nicht mehr verfügbar ist, ich aber eine mehrzeilige Anzeige der TABs bevorzuge, ist das eingebaut...
[GELÖST] Tabs in mehreren Zeilen darstellen

In der Anlage dazu ein Screeshot

Jemand eine Idee was ich machen kann ? Habe schon diverse PlugIns deaktivert, neu gestartet ... keine Änderung !

2002Andreas

Zitat von techno-com

Da es Tab-Mix-Plus nicht mehr verfügbar ist

Hallo und Willkommen hier im Forum. 😊

Das ist aber nun schon Jahre her mit TMP

Zitat von techno-com

ist das eingebaut...

Auch der Code ist schon zig Jahre alt, und funktioniert somit schon lange nicht mehr.

Zitat von techno-com

Habe schon diverse PlugIns deaktivert

Das liegt an dem uralten Code für die mehrzeilige Tableiste.

Poste doch bitte mal den kompl. Inhalt deiner userChrome.css Datei.

Zitat von techno-com

über Nacht wohl ein Update kam

Welche Version hattest du denn vorher?

Ansonsten teste mal diesen Code für die mehrzeilige Tableiste:

CSS

/* Tableiste mehrreihig oben */
    
#tabbrowser-tabs, #tabbrowser-arrowscrollbox, #tabbrowser-tabs[positionpinnedtabs] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[pinned] {
   margin-top: -15px !important;
   margin-bottom: -5px !important;
}

[tabsintitlebar="true"][sizemode="maximized"] #navigator-toolbox {
   padding-top: 10px !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 = 3 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) * 4); /* Anzahl der angezeigten Tabreihen = 4 Zeilen */
   overflow-x: hidden;
   overflow-y: auto;
}

#tabbrowser-arrowscrollbox {
   margin-top: -3px !important;
   margin-bottom: -10px !important;
}

:root {
   --tab-min-height: 27px !important; 
}

:root #tabbrowser-tabs {
   --tab-min-height: 25px !important; 
}
    
    /* Feste Breite der einzelnen Tabs wenn gewünscht, sonst entfernen bzw. verbreitern */
tabs tab[fadein]:not([pinned]) {
   min-width: 115px !important;/* Minimale Tabbreite 76px */
   max-width: 115px !important;/* Maximale Tabbreite 225px */
}

.tabbrowser-tab .tab-close-button {
   display: block !important; 
}

tabs tab[fadein]:not([pinned]) {
   flex-grow: 1;
}

/* Buttons/Zwischenräume Ausblenden */
hbox.titlebar-spacer,
#alltabs-button,tabs tab:not([fadein]), 
[class="scrollbutton-up"],
[class="scrollbutton-up"] + spacer,
scrollbox[part][orient="horizontal"] + spacer,
[class="scrollbutton-down"] { 
   display: none; 
}

tab.tabbrowser-tab .tab-background {
   margin-top: -2px !important;
   border: solid 1px hsla(0,0%,50%,.5) !important;
}

tabs tab:after,tabs tab:before { 
   display: none;
}

#TabsToolbar > .titlebar-buttonbox-container {
   display: none !important;
}

Alles anzeigen

Nutzt du evtl. auch eine mehrzeilige Lesezeichen-Symbolleiste?

Wenn ja, sieh hier:

Beitrag

RE: Lesezeichen Symbolleiste mehrzeilig

[…]

Alles ist gut

Teste bitte mal diesen Code:

(Quelltext, 36 Zeilen)

2002Andreas

15. November 2022 um 18:54

techno-com

Hallo Andreas,

erst einmal vielen Dank für deine Bemühungen und vorab, es geht wieder more to follow

Randnotiz: mit dem "zitieren" hier, dass es gut ausschaut, hatte ich jetzt Probleme .. hoffe das kommt so gut rüber wie ich es jetzt hin bekommen habe.

Zitat von 2002Andreas

Das liegt an dem uralten Code für die mehrzeilige Tableiste.
=> da hat du recht ... habe das aus der userChrome.css mal alles raus gelöscht was da drin stand (war NUR was drin für diese mehrzeilige Anzeige, sonst nichts) und neu gestartet .. schon war die Ansicht ohne diese Freiraum :- ) super gut ... aber jetzt fehlte mir eben diese mehrzeilige Ansicht ... more to follow

Auch der Code ist schon zig Jahre alt, und funktioniert somit schon lange nicht mehr.
Poste doch bitte mal den kompl. Inhalt deiner userChrome.css Datei.
=> Mist ... hatte die Datei extra vor der Änderung extra auf dem Desktop abgespeichert dass sie mir später wieder zur Verfügung steht, habe nur diese Datei im Dateiordner geändert wo sie eben "greift". Jetzt wollte ich die Version vom Desktop (die gesicherte) abrufen, aber auf einmal war die leer. Kann sie dir also nicht mehr nachreichen jetzt... Grund, keine Ahnung warum das auf dem Desktop mit der gespeicherten Datensicherung auch leer war dann .... aber jetzt egal erst mal. Waren ca. 2 Seiten Code die drin standen, war wohl diesse alte Version die es da mal gab.

Welche Version hattest du denn vorher?
=> Sicherlich die Version vor der 107,0 die ja gestern erst kam
https://www.mozilla.org/en-US/firefox/…gn=about-dialog

Ansonsten teste mal diesen Code für die mehrzeilige Tableiste:
=> klappt wunderbar .. noch etwas breite TABs jetzt und das "eckige" in der Anzeige sieht auch nicht gut aus... aber das kann ich ja über die Daten die du da gesendet hattest zumindest in der "Breite" der TABs jetzt noch anpassen. Bin ja schon super froh das dieser Freiraum weg ist ... danke noch einmal an dich !

Nutzt du evtl. auch eine mehrzeilige Lesezeichen-Symbolleiste?
Wenn ja, sieh hier:
=> nein, verwende ich nicht ... ich lass auch jetzt mal gut sein, sonst verhau ich da wieder was.

Alles anzeigen

2002Andreas

Zitat von techno-com

es geht wieder

Sehr schön, so sollte es ja auch sein

Spiderman-21

Bzgl. der mehrzeiligen Lesezeichen-Symbolleiste unterhalb der Adressleiste wollte ich fragen, ob hierzu einen neuen Code gibt.

Dieses leere Feld ist in meinen Firefox unterhalb meiner zwei Zeilen mit Lesezeichen auch vorhanden.

@-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;

}

Das ist mein aktueller Code.

2002Andreas

Zitat von Spiderman-21

ob hierzu einen neuen Code gibt.

ja, den habe ich doch in Beitrag Nr. 2 unten sogar verlinkt

Spiderman-21

Danke, Andreas, habe mir diesen Code neu kopiert.

Dieses leere Feld bleibt, wobei ich getestet habe, dass ich noch weitere Lesezeichen hinzufügen kann. Daher alles erledigt.

Vielen Dank.

techno-com

Zitat von 2002Andreas

Ansonsten teste mal diesen Code für die mehrzeilige Tableiste:

Oben steht doch der Code ... den habe ich jetzt verwendet, damit geht es bei mir ohne diese Leerräume.

Etwas anders als vorher, aber es geht und damit bin ich zumindest zufrieden.

Problem ist dabei das der aktive TAB nicht richtig hervorgehoben wird und das man nur recht schwer TABs verschieben kann (vor allem zwischen den Zeilen verschieben, also z.b. von unter nach oben, ist fast gar nicht möglich). Die TAB-Breite habe ich recht schnell angespast gehabt, das war kein Problem.

P.S. der Abstand der unteren TAB-Zeile zum URL-Eingabefeld ist etwas groß (ca. 1cm), da wäre schön wenn man diesen Platz noch etwas verkleinern könnte.

Hups, zu spät ... war ja schon beantwortet

2002Andreas

Zitat von Spiderman-21

Daher alles erledigt.

Ok

Zitat von techno-com

der aktive TAB nicht richtig hervorgehoben wird

Hier findest du div. Codes für Tabs:

Beitrag

Tabs farbig - zentriert - hover - schmaler - abgerundet und einiges mehr

Ich habe hier mal diverse Codes erstellt, die die Tabs und diverse Icons in der Tableiste optisch verändern.

Evtl. kann der eine oder andere daraus ja etwas gebrauchen.

Über jedem Code steht ein Hinweis wofür er ist.

Alles was nicht erwünscht ist, einfach löschen oder auskommentieren.

Farben können beliebig verändert werden.

Die Werte können/müssen evtl. auch individuell noch etwas angepasst werden.

Hinweis!

Bitte nicht den kompletten Code verwenden, da sich einige Einträge überschneiden bezüglich…

2002Andreas

10. Juni 2021 um 14:16

Zitat von techno-com

zwischen den Zeilen verschieben

Das funktioniert nur bei Nutzung eines Skripts.

Beitrag

Mehrzeilige Tableiste für aktuelle Firefox-Versionen

(Versteckter Text)

Neues Update (16.10.2024):

Wichtig: Für diese Version des Skript wird es von meiner Seite nur noch Fehlerbehebungen geben. Das heißt, dass auf absehbare Zeit keine neuen Features eingebaut werden. Allerdings können Verbesserungsvorschläge und Feature-Requests gerne weiter gemacht werden, ich sammle das und werde versuchen, einen Teil davon bei einer grundlegend neuen Version (Termin steht allerdings in den ✨) zu berücksichtigen...

Für aktuelle Versionen ab FF131+:

Das Script…

BrokenHeart

8. Dezember 2019 um 01:19

mcfly8888

Hallo Andreas,

ich habe auch dieses Leerfeld. Mit deinem Code funktioniert es bei mir nicht. Wenn ich weitere Tabs öffne, werden bis zum 6. Tab jeweils eine Leerzeile hinzugefügt.

Wenn ich eine leere user css anlege und mit deinem Code fülle, werden 2 Leerzeilen angelegt.

Meine user.css habe ich angehängt.

Kanst du mir weiterhelfen?

2002Andreas

Zitat von mcfly8888

Kanst du mir weiterhelfen?

Teste bitte mal diesen kompl. Code:

CSS

/* Abstände der Einträge im Kontext wieder schmaler */

menupopup > menuitem,
menupopup > menu {
  padding-block: 0 !important;
  padding-inline-start: 14px !important;
}

/* Abstände HH Menü kleiner */

#appMenu-multiView .subviewbutton {
  padding-top: 0px !important;
}

/* HH-Menü ohne Lesezeichen und Chronik */

#appMenu-bookmarks-button,
#appMenu-history-button {
display: none !important;
}


/* Tabs rund und farbig */

#TabsToolbar .tabbrowser-tab{
background: lightblue !important; 
border-radius: 80px !important; 
border:none!important;
}
.tab-background[selected="true"] {
background: orange !important; 
border-radius: 80px !important; 
border:none!important;
}
.tabbrowser-tab::after, .tabbrowser-tab::before {
margin-inline-start: 0px!important;
border-left: 0px solid!important;
border-image:none!important;
border-image-slice: 0!important;
width: 0px!important;
box-sizing: border-box;
opacity: 0!important;
}
.tab-line[selected=true] { 
display:none!important
}


/* 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;     
contain: none !important;   
}

#PlacesToolbarItems {
-moz-window-dragging: no-drag;
}

#PlacesToolbar #PlacesChevron {
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 76px */
max-width: 150px !important;/* Maximale Tabbreite 225px */
}

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;
}

/* Mehrreihige Tableiste, Anzahl der angezeigten Tabreihen = 3 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) * 2); /* Anzahl der angezeigten Tabreihen = 2 Zeilen */
   overflow-x: hidden;
   overflow-y: auto;
}

#tabbrowser-arrowscrollbox {
   margin-top: -3px !important;
   margin-bottom: -10px !important;
}

:root {
   --tab-min-height: 27px !important; 
}

:root #tabbrowser-tabs {
   --tab-min-height: 25px !important; 
}

.tabbrowser-tab .tab-close-button {
   display: block !important; 
}

tabs tab[fadein]:not([pinned]) {
   flex-grow: 1;
}

/* Buttons/Zwischenräume Ausblenden */
hbox.titlebar-spacer,
#alltabs-button,tabs tab:not([fadein]), 
[class="scrollbutton-up"],
[class="scrollbutton-up"] + spacer,
scrollbox[part][orient="horizontal"] + spacer,
[class="scrollbutton-down"] { 
   display: none; 
}

tab.tabbrowser-tab .tab-background {
   margin-top: -2px !important;
   border: solid 1px hsla(0,0%,50%,.5) !important;
}

#TabsToolbar > .titlebar-buttonbox-container {
   display: none !important;
}    
    
/* Tab schließen Icon nur im aktiven Tab */

.tab-close-button {
display:none!important;
}

.tabbrowser-tab[selected="true"] .tab-close-button {
display: block !important; 
}

tabs tab[fadein]:not([pinned]) {
flex-grow: 1;
}

tabs tab {
    border-left: solid 1px hsla(0,0%,50%,.5);
    border-right: solid 1px hsla(0,0%,50%,.5);
}

tabs tab:after,tabs tab:before { 
display: none;
}

/* #TabsToolbar:not(:-moz-lwtheme){ 
    color: black !important;
} */

#TabsToolbar > .titlebar-buttonbox-container {
    display: none !important;
}    

/* Buttons/Zwischenräume Ausblenden */

hbox.titlebar-spacer,
#alltabs-button,tabs tab:not([fadein]), [class="scrollbutton-up"],
[class="scrollbutton-up"] + spacer,
scrollbox[part][orient="horizontal"] + spacer,
[class="scrollbutton-down"] { 
display: none; 
}

/* Keine Favicon Animation */

.tabbrowser-tab[label*="BiT-TiTAN"] .tab-icon-image{ 
display:none!important; 
}

Alles anzeigen

mcfly8888

ich danke dir, es funktioniert wieder. Wenn auch etwas anders als vorher. Wenn ich in der user mehr als 2 Zeilen anlegen will, dann kommt wieder der Leerraum, angepasst an die angezeigten Reihen.

Aber damit kann ich gut leben, mehr als 2 Reihen ist ja auch Luxus.

Also nochmals vielen Dank

2002Andreas

Zitat von mcfly8888

Also nochmals vielen Dank

Freut mich wenn es wieder funktioniert.

2002Andreas

Zitat von mcfly8888

mehr als 2 Zeilen anlegen will

Teste bitte:

CSS

/* Abstände der Einträge im Kontext wieder schmaler */

menupopup > menuitem,
menupopup > menu {
  padding-block: 0 !important;
  padding-inline-start: 14px !important;
}

/* Abstände HH Menü kleiner */

#appMenu-multiView .subviewbutton {
  padding-top: 0px !important;
}

/* HH-Menü ohne Lesezeichen und Chronik */

#appMenu-bookmarks-button,
#appMenu-history-button {
display: none !important;
}


/* Tabs rund und farbig */

#TabsToolbar .tabbrowser-tab{
background: lightblue !important; 
border-radius: 80px !important; 
border:none!important;
}
.tab-background[selected="true"] {
background: orange !important; 
border-radius: 80px !important; 
border:none!important;
}
.tabbrowser-tab::after, .tabbrowser-tab::before {
margin-inline-start: 0px!important;
border-left: 0px solid!important;
border-image:none!important;
border-image-slice: 0!important;
width: 0px!important;
box-sizing: border-box;
opacity: 0!important;
}
.tab-line[selected=true] { 
display:none!important
}


/* 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;     
contain: none !important;   
}

#PlacesToolbarItems {
-moz-window-dragging: no-drag;
}

#PlacesToolbar #PlacesChevron {
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 76px */
max-width: 150px !important;/* Maximale Tabbreite 225px */
}

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;
}

/* Mehrreihige Tableiste, Anzahl der angezeigten Tabreihen = 3 Zeilen, weitere per Scrollbar */

box[class="scrollbox-clip"][orient="horizontal"],
tabs > arrowscrollbox { 
  display: block; 
  contain: none !important;
}

scrollbox[part][orient="horizontal"] {
   display: flex;
   flex-wrap: wrap;
   max-height: calc(var(--tab-min-height) * 2); /* Anzahl der angezeigten Tabreihen = 2 Zeilen */
   overflow-x: hidden;
   overflow-y: auto;
}

#tabbrowser-arrowscrollbox {
   margin-top: -3px !important;
   margin-bottom: -10px !important;
}

:root {
   --tab-min-height: 27px !important; 
}

:root #tabbrowser-tabs {
   --tab-min-height: 25px !important; 
}

.tabbrowser-tab .tab-close-button {
   display: block !important; 
}

tabs tab[fadein]:not([pinned]) {
   flex-grow: 1;
}

/* Buttons/Zwischenräume Ausblenden */
hbox.titlebar-spacer,
#alltabs-button,tabs tab:not([fadein]), 
[class="scrollbutton-up"],
[class="scrollbutton-up"] + spacer,
scrollbox[part][orient="horizontal"] + spacer,
[class="scrollbutton-down"] { 
   display: none; 
}

tab.tabbrowser-tab .tab-background {
   margin-top: -2px !important;
   border: solid 1px hsla(0,0%,50%,.5) !important;
}

#TabsToolbar > .titlebar-buttonbox-container {
   display: none !important;
}    
    
/* Tab schließen Icon nur im aktiven Tab */

.tab-close-button {
display:none!important;
}

.tabbrowser-tab[selected="true"] .tab-close-button {
display: block !important; 
}

tabs tab[fadein]:not([pinned]) {
flex-grow: 1;
}

tabs tab {
    border-left: solid 1px hsla(0,0%,50%,.5);
    border-right: solid 1px hsla(0,0%,50%,.5);
}

tabs tab:after,tabs tab:before { 
display: none;
}

/* #TabsToolbar:not(:-moz-lwtheme){ 
    color: black !important;
} */

#TabsToolbar > .titlebar-buttonbox-container {
    display: none !important;
}    

/* Buttons/Zwischenräume Ausblenden */

hbox.titlebar-spacer,
#alltabs-button,tabs tab:not([fadein]), [class="scrollbutton-up"],
[class="scrollbutton-up"] + spacer,
scrollbox[part][orient="horizontal"] + spacer,
[class="scrollbutton-down"] { 
display: none; 
}

/* Keine Favicon Animation */

.tabbrowser-tab[label*="BiT-TiTAN"] .tab-icon-image{ 
display:none!important; 
}

Alles anzeigen

großer Leer-Raum unter der Adresszeile

RE: Lesezeichen Symbolleiste mehrzeilig

Sören Hentzschel 16. November 2022 um 11:34

Tabs farbig - zentriert - hover - schmaler - abgerundet und einiges mehr

Mehrzeilige Tableiste für aktuelle Firefox-Versionen

Ähnliche Themen

[Suche] Divider, Separator, Trennlinie für Navigationsleiste

Firefox friert nach einer Weile der Untätigkeit fast ein

Firefox Updates

Firefox speichert Zugangsdaten (automatisch) ohne Abfrage-Dialogbox/ Passwort-Dialog

Kann keinen Text mehr mit der Maus (Stift in meinem Fall) markieren

Wie heraus bekommen, welche Werte sich bei einer Konfigurationsänderung des FF per GUI, in der internen über die about:config ersichtlichen Konfiguration geändert haben ?