Letzte Platzverschwendung beseitigen

bigzorro

Hallöchen,

hab mir meinen Lieblingsbrowser schon recht gut angepasst.

Einige kleine letzte "Platzverschwendungen" befinden sich noch auf der oberen Leiste, auf der sich u. a. die Tabs befinden und in der Sidebar.

Bekomme ich diese Lücke (siehe Pfeil) noch irgendwie weg?

Die zu erkennenden Beschriftungen Lesezeichen-Symbolleiste und Lesezeichen.Menü würde ich auch gern weg haben - die Lesezeichen reichen da aus 😁

Danke schonmal 👋

2002Andreas

Zitat von bigzorro

Bekomme ich diese Lücke (siehe Pfeil) noch irgendwie weg?

Teste bitte, Werte musst/kannst du dir anpassen:

CSS

#TabsToolbar {
  margin-top: -8px !important;
  margin-bottom: -8px !important;
}

Zitat von bigzorro

Lesezeichen-Symbolleiste und Lesezeichen.Menü würde ich auch gern weg haben

Noch lassen die sich nicht einzeln entfernen, wird später aber möglich sein.

Notlösung, teste bitte und pass dir den Wert wenn dann an.

Nach oben verschieben, und dadurch nicht sichtbar.

CSS

@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml") {

.sidebar-placesTree {
  margin-top: -65px !important;    
 }
}

^L^

Weitere Möglichkeit: Ich habe die "Titelleiste" deaktiviert und alles in der Menüleiste ...

.DeJaVu

Vielleicht solltet ihr vorher nach dem genutzten Theme oder vorhandenem userChrome.css fragen. Im Bild ist alles gedrängt, das kommt nicht von allein. Sollte Nova nicht deaktiviert sein, dann werden Abweichungen dadurch erzeugt.

bigzorro

Zitat von 2002Andreas

CSS

#TabsToolbar {
  margin-top: -8px !important;
  margin-bottom: -8px !important;
}

Das sieht gut aus, vielen Dank.

2002Andreas

Zitat

Das sieht gut aus, vielen Dank.

Freut mich, war gern geschehen

bigzorro

Auch das hat mit Wert 50 super hingehauen, vielen Dank.

Zitat von 2002Andreas

CSS

@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml") {

.sidebar-placesTree {
  margin-top: -65px !important;    
 }
}

2002Andreas

Zitat von bigzorro

das hat mit Wert 50 super hingehauen, vielen Dank.

bigzorro

Zitat von ^L^

Weitere Möglichkeit: Ich habe die "Titelleiste" deaktiviert und alles in der Menüleiste ...

Das ist bei mir auch der Fall, danke für den Hinweis.

Zitat von .DeJaVu

Vielleicht solltet ihr vorher nach dem genutzten Theme oder vorhandenem userChrome.css fragen. Im Bild ist alles gedrängt, das kommt nicht von allein. Sollte Nova nicht deaktiviert sein, dann werden Abweichungen dadurch erzeugt.

Guter Einwand, natürlich sind auch bisher schon user Chrome und Content CSS angewendet.

Kann diese bei Bedarf hier einstellen.

So sieht das Ergebnis mit den neuen Anpassungen aus - genial

Vor allem im Vergleich zu Google Chrome gut sichtbar:

Da ist natürlich wg. fehlender Sidebar zusätlich noch die Lesezeichenleiste drunter ...

bigzorro

Jetzt müsste eigentlich nur noch der erste TAB ganz nach links, da gibts doch sicher auch noch was ?!

2002Andreas

Zitat von bigzorro

der erste TAB ganz nach links

Teste bitte:

CSS

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

bigzorro

Perfekt - ein weiteres Mal VIELEN VIELEN Dank

2002Andreas

Zitat von bigzorro

ein weiteres Mal VIELEN VIELEN Dank

Boersenfeger

Meine Lesezeichen sind in der Sidebar erreichbar, welche ich durch hover anzeigen lasse, wenn ich Bedarf habe. Dadurch ist oben eine Lesezeichensymbolleiste verzichtbar und spart nochmal Platz. Bei Bedarf stelle ich den hier im Forum entwickelten CSS dafür gern zur Verfügung.

bigzorro

Auch ne schöne Lösung, da aber sehr kompakt, bevorzuge ich die dauerhaft sichtbare Sidebar ...

.DeJaVu

Wenn dein bisheriges CSS den Teil von Andreas nicht beinhaltet, dann ist es nicht von Nöten.

Wünscht du jedoch, dass mal jemand drüberschaut, ggf vereinfacht, dann solltest du es in einem neuen Thema einbringen. Schadet nicht.

bigzorro

Bin sehr zufrieden mit dem Ergebnis

Kann man die Abstände in der Sidebar zwischen den Ordnern und Lesezeichen auch noch verkleinern?

.DeJaVu

Zitat von bigzorro

auch noch verkleinern

Muss ich jetzt zum dritten Mal nachfragen?

Niemand kennt dein CSS. Und Mischmasch hier da und dort Gelumpe, das haben schon genügend Mitglieder hier im Forum.

bigzorro

Sorry, hier mal meine komplette userchrome.css

CSS

/* Erzwingt eckige Kanten für alle Firefox-Menüs, Popups und UI-Elemente */
* {
    border-radius: 0px !important;
}

/* Spezifischer Fix für neuere Firefox-Menü-Variablen */
:root {
    --arrowpanel-border-radius: 0px !important;
    --arrowpanel-menuitem-border-radius: 0px !important;
}

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

sidebarheader, #history-Panel > hbox { display: none !important; }

sidebarheader, #bookmarksPanel > hbox { display: none !important; }

/* Höhe und Abstand der Tableiste*/
#TabsToolbar {
  height: 20px !important;
}

.tabbrowser-tab  {
  max-height: 25px !important;
}

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

#TabsToolbar {
  margin-top: -8px !important;
  margin-bottom: -8px !important;
}

#nav-bar {
  max-height: 26px !important;
  margin-top: 0px !important;
  margin-bottom: -2px !important;
}

#search-container {
  min-width: 250px !important;
  max-width: 250px !important;
}

#PopupAutoComplete richlistbox.autocomplete-richlistbox richlistitem.autocomplete-richlistitem div.two-line-wrapper div.labels-wrapper div.label-row.line2-label {
  display: none !important;

}


#sidebar-panel-header {
	display: none !important;
}

/* Lesezeichen Sidebar öffnende Dreiecke entfernen */


#bookmarksPanel treechildren::-moz-tree-twisty(closed),
#bookmarksPanel treechildren::-moz-tree-twisty(open){
height:0!important;
width:0!important;
display:none!important;
}

#sidebar-box {
  max-width: 170px!important;
  min-width: 0 !important; 
}

@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml") {

.sidebar-placesTree {
  margin-top: -50px !important;   
}
}

:root {
    --color-accent-primary: turquoise !important;
    --button-background-color-primary-hover: blue !important;	
}

/* Entfernt die farbigen Rahmen bei allen aktiven Eingabefeldern */
input:not([type="file"], [type="image"]):focus-visible,
select:focus-visible,
button:focus-visible,
textarea:focus-visible {
    outline-style: none !important;
}


#urlbar > div {
   border: none !important;
}

#searchbar-new {
   --toolbar-field-border-color-focus: none !important;
}

Alles anzeigen

2002Andreas

Zitat von bigzorro

die Abstände in der Sidebar zwischen den Ordnern und Lesezeichen auch noch verkleinern?

Teste bitte:

CSS

@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml") {

.sidebar-placesTree treechildren::-moz-tree-row {
    height: 15px !important;
    min-height: 15px !important;
    max-height: 15px !important;
 }
}

Die Werte musst/kannst du dir ja anpassen.