Herzlich DANKE, das ist genau der gesuchte Kniff gewesen - alles ist wieder so, wie gewünscht!
Ach, was tut das gut, wenn man Rat und Tat so kompetent und schnell erhält...
In der Hoffnung, nicht alzubald wieder hier aufschlagen zu müssen und der Gewissheit, das mir dann geholfen wird sende ich
Herzliche Grüße
Sascha
Oh wie PEINLICH 
:
Natürlich ist es der Code aus #38, so, wie am 14.05.2023 angelegt - Darf ich nochmal anfangen?
Zur Sicherheit hier der aktuelle Code:
/* Tighten up drop-down/context/popup menu spacing */
menupopup > menuitem, menupopup > menu {
padding-block: 0px !important;
}
:root {
--arrowpanel-menuitem-padding: 4px 8px !important;
}
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
/* Modify to change window drag space width */
/*
Use tabs_on_bottom_menubar_on_top_patch.css if you
have menubar permanently enabled and want it on top
*/
/* IMPORTANT */
/*
Get window_control_placeholder_support.css
Window controls will be all wrong without it.
Additionally on Linux, you may need to get:
linux_gtk_window_control_patch.css
*/
:root{ --uc-titlebar-padding: 0px; }
@media (-moz-os-version: windows-win10){
:root[sizemode="maximized"][tabsintitlebar]{ --uc-titlebar-padding: 8px }
}
#toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
#TabsToolbar > .titlebar-buttonbox-container{
position: absolute;
display: block;
top: var(--uc-titlebar-padding,0px);
right:0;
height: 40px;
}
/* Mac specific. You should set that font-smoothing pref to true if you are on any platform where window controls are on left */
@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){
:root{ --uc-titlebar-padding: 0px !important }
.titlebar-buttonbox-container{ left:0; right: unset !important; }
}
:root[uidensity="compact"] #TabsToolbar > .titlebar-buttonbox-container{ height: 32px }
#toolbar-menubar[inactive] > .titlebar-buttonbox-container{ opacity: 0 }
#navigator-toolbox{ padding-top: var(--uc-titlebar-padding,0px) !important; }
.titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }
#titlebar{
order: 2;
-moz-appearance: none !important;
--tabs-navbar-shadow-size: 0px;
}
.titlebar-placeholder,
#TabsToolbar .titlebar-spacer{ display: none; }
/* Also hide the toolbox bottom border which isn't at bottom with this setup */
#navigator-toolbox::after{ display: none !important; }
@media (-moz-gtk-csd-close-button){ .titlebar-button{ -moz-box-orient: vertical } }
/* These exist only for compatibility with autohide-tabstoolbar.css */
toolbox#navigator-toolbox > toolbar#nav-bar.browser-toolbar{ animation: none; }
#navigator-toolbox:hover #TabsToolbar{ animation: slidein ease-out 48ms 1 }
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom_menubar_on_top_patch.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
/* Menubar on top patch - use with tabs_on_bottom.css */
/* Only really useful if menubar is ALWAYS visible */
:root{ --uc-window-control-width: 0px !important }
#navigator-toolbox{ padding-top: calc(29px + var(--uc-titlebar-padding,0px)) !important }
#toolbar-menubar{
position: fixed;
display: flex;
top: var(--uc-titlebar-padding,0px);
height: 29px;
width: 100%;
overflow: hidden;
}
#toolbar-menubar > .titlebar-buttonbox-container{ height: 29px; order: 100; }
#toolbar-menubar > [flex]{ flex-grow: 100; }
#toolbar-menubar > spacer[flex]{
order: 99;
flex-grow: 1;
min-width: var(--uc-window-drag-space-width,20px);
}
#toolbar-menubar .titlebar-button{ padding: 2px 17px !important; }
#toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 3px }
/* TABS: height */*|*:root { --tab-toolbar-navbar-overlap: 0px !important; --tab-min-height: 25px !important; /*adjust to set height or omit to use density*/
--tab-min-width: 80px !important; /*adjust to set width or omit to use default*/
#tabbrowser-tabs {
width: 100vw !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}
.tab-background {
border-radius: 8px 8px 0px 0px !important; border-image: none !important;
}
.tab-line {
display: none;
}
.tab-close-button {
color: red!important;
}
.sidebar-placesTree treechildren::-moz-tree-row {
min-height: 14px !important;
height: 14px !important;
}
.sidebar-placesTree treechildren::-moz-tree-image{
margin: -2px 2px !important;
}Bei mir ergibt das dieses Bild:
Sieht fast aus wie bisher - bis auf die tabs...
Ich hoffe, ich bin nicht unverschämt, wenn ich Dich um Hilfe bitte!
Gruß
Sascha
Hallo, 2002Andreas !
Da ich immer noch den von Dir in Beitrag #6 vorgestellten Code 1:1 verwende, hoffe ich hier heute nach 18 Monaten anknüpfen zu dürfen.
Der Abstand der Lesezeichen ist weiterhin wie gewünscht - seit dem heutigen Update auf 133.0 sind aber die Tabs wieder über der Adressleiste.
Können wir unseren Dialog hier wieder aufnehmen oder soll ich ein neues Thema aufmachen?
Viele Grüße
Sascha
Guten Tach!
Bevor ich gleich fort bin, noch ein Bericht:
Dann ersetze bitte mal
- hab' ich gemacht. Die Zeichen sind jetzt anklickbar, die Pfeile stehen sogar etwas näher davor, passt!
Die Tabs sind aber noch zu hoch, von daher hab ich wieder die css von Andreas.
Gruß
Sascha
Soooo, lieber Dharkness:
Sieht's zwar gut aus, aaaaaber:
Die Weiter-Pfeile der Lesezeichen stehen vor den Symbolen - doch ich kann weder Minimieren noch Schließen, die Zeichen sind sicht- aber nicht anklickbar!
Außerdem mag ich keine "Dicken" (Tabs natürlich...)
Gruß
Sascha
Hallo und Danke für Deine Beiträge zum Problem!
Ich bin offen für Neues und probier's gern aus, aber ich weiß nicht, an welcher Stelle ich einfügen soll. Da bin ich einfach zu sehr Laie....
Sascha
Erstmal Danke für Dein Mühewalten!
Hab's probiert - aaaaber dann passiert Folgendes:
Dein Code läßt die Tabs (zu) schmal und samt den darüber liegenden Leisten "dicker" erscheinen und auch noch die Schaltflächen für Schließen, Verkleinern und Minimieren hinter meiner Lesezeichenleiste verschwinden (achte auf die überlagernden Symbole oben rechts), "Weitere Lesezeichen" legt sich einfach drüber...
Wie's nach Deiner gestrigen Anpassung aussieht:
So siehts mit Deinem 2. Code aus:
Nur mit eingeblendeter Titelleiste kann ich überhaupt schließen:
Sagen wir so:
Ich bin zufrieden, wenn's funzt, mir ist egal, wieviel Text in der css steht, solange das nichts verändert....
Bis denne!
Sascha
Ich verneige mich in Ehrfurcht!
(ich bin so was von glücklich, das kannst Du Dir net denken!)
Ganz herzlichen Dank!
Sascha
Guten Abend, 2002Andreas,
nach 2 Jahren ist Deine Lösung für meine Probleme leider mit 113.0.1 wirkungslos geworden. Die in diesem Thema von Dir generierte css ist immer noch am alten Ort, aber alles ist nun wieder anders: Tabs unten, Abstände endlos auseinander, etc...
Bevor ich alles durch andernorts gepostete Abhilfe verschlimmbessere und gänzlich verderbe, probiere ich hier erstmal anzuknüpfen. Gerne würde ich daher nochmal Deine Hilfe in Anspruch nehmen und frage nun: Bin ich hier richtig, oder soll ich einen neuen Thread aufmachen?
Beste Grüße
Sascha
Lieber Andreas!
Ich bin wirklich begeistert über Deine fundierte Hilfe! Du bist anscheinend der Wizzard, der das Buch mit den sieben Siegeln auch versteht...
Zu Deiner Frage
Bist du sicher das alles zu brauchen was in dem Code ist?
Es ist nie gut so einen pauschalen Code zu nutzen, wenn man nicht weiß was er alles verändert.(meine pers. Meinung)
Nein, natürlich nicht - ich weiß es einfach nicht besser! Auch hier wieder der Verweis auf mein Schulenglisch: Da geht mehr schief als nützlich wäre.
Das Aussehen wie derzeit ist mein Begehr und so bin ich zufrieden:
1.) Oben Menueleiste mit eingebauter Lesezeichenleiste.
2.) Darunter einige Funktionen und die Adress-/Suchleiste.
3. Tabs immer unten, dann treff ich beim Klicken besser!
4. Kleine Abstände, damit ich mir nicht den Zeigefinger wundscrolle!
5.) Einfache graue Farben, die nicht so ablenken.
Gerne hätte ich's schlanker und "simpler", aber solange es so geht erwarte ich von niemand eine grundlegende Schulung zum Thema - hier sehe ich keine "Sicherheitsgefährdung" und andere haben größere Probleme, die Deiner/Eurer Hilfe harren...
Danke nochmal und bestimmt bis bald mal wieder!
Sascha
Den gibt's noch und der steht auf true. Wenn ich false einstelle habe ich wieder Systemfarbe...
Nochmal sorry! Hab eben die vielen Antworten nicht gesehen.
Das isses!
VORHER:
NACHHER:
Gaaaanz herzlich DANKE!
Sascha
Nach Abendessen geht's weiter:
Sorry, das habe ich noch nie gemacht und weiß daher nicht, wie das geht. In about:config war es, nach meiner Erinnerung, nur ein Schalter, den ich nicht erneut verändert habe.
Neben anderen "Ideen" auch aus anderen Foren habe ich in diesem Thread
Zeilenabstand in der Menueleiste und Bookmarks (Post #27)
etwas gefunden und wollte mich zuerst auch hinten anhängen, wurde aber gebeten, ein eigenes Thema zu eröffnen.
Andreas hat dort einen Code-Schnipsel vorgestellt, den ich wie vorgegeben als vollständigen Ersatz benutzt habe. Das hat gut funktioniert, da aber natürlich alles andere dann weg war, habe ich wieder die ursprüngliche Datei genutzt und versucht den Schnipsel einfach einzufügen, erst einfach hintendran, dann als Ersatz für die vorhandene Textstelle - da hat sich egal wie nichts geändert, die Abstände waren immer noch weit. Also: Wie meine Datei mit diesem (funktionierenden) Schnipsel verbinden?
Wenn ich nun erfahre, wo der (mein) Fehler liegt, bin ich glücklich und verschwinde auch wieder...
Danke vorab!
Sascha
Hallo!
Entschuldigung!? - Was habe ich falsch gemacht? - Fühlt sich jemand beleidigt?
Ohne das im Einzelnen jetzt noch nachvollziehen zu können: Andreas hat mir erste Richtungen vorgegeben, danach habe ich noch weiter "geschraubt", soweit, bis ich glücklich und zufrieden war. Der verwendete Code hat also gut funktioniert. Ich wollte (wie gesagt: Schulenglisch) nicht css studieren...
Meine Einstellungen sind nun "funktionslos" und ich will wirklich nur wissen, an welcher Stelle ich die Abstände der Lesezeichen verändern kann - sonst bin ich ja zufrieden.
Welchen Code kann ich also aus den alten Posts nutzen, der nicht meine vertraute Gestaltung zerschießt?
Btw: Ich erwarte sicher nicht, das mir hier jemand eine individuelle css bastelt!
Danke vorab!
Sascha
Hallo!
Anfang Juni erhielt ich hier gute Hilfe, nun ist es schon wieder so weit, ich weiß nicht weiter!
Die Lösung im Juni war die Einfügung einer userChrome.css:
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
/* Modify to change window drag space width */
/*
Use tabs_on_bottom_menubar_on_top_patch.css if you
have menubar permanently enabled and want it on top
*/
/* IMPORTANT */
/*
Get window_control_placeholder_support.css
Window controls will be all wrong without it.
Additionally on Linux, you may need to get:
linux_gtk_window_control_patch.css
*/
:root{ --uc-titlebar-padding: 0px; }
@media (-moz-os-version: windows-win10){
:root[sizemode="maximized"][tabsintitlebar]{ --uc-titlebar-padding: 8px }
}
#toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
#TabsToolbar > .titlebar-buttonbox-container{
position: absolute;
display: block;
top: var(--uc-titlebar-padding,0px);
right:0;
height: 40px;
}
/* Mac specific. You should set that font-smoothing pref to true if you are on any platform where window controls are on left */
@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){
:root{ --uc-titlebar-padding: 0px !important }
.titlebar-buttonbox-container{ left:0; right: unset !important; }
}
:root[uidensity="compact"] #TabsToolbar > .titlebar-buttonbox-container{ height: 32px }
#toolbar-menubar[inactive] > .titlebar-buttonbox-container{ opacity: 0 }
#navigator-toolbox{ padding-top: var(--uc-titlebar-padding,0px) !important; }
.titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }
#titlebar{
-moz-box-ordinal-group: 2;
-moz-appearance: none !important;
--tabs-navbar-shadow-size: 0px;
}
.titlebar-placeholder,
#TabsToolbar .titlebar-spacer{ display: none; }
/* Also hide the toolbox bottom border which isn't at bottom with this setup */
#navigator-toolbox::after{ display: none !important; }
@media (-moz-gtk-csd-close-button){ .titlebar-button{ -moz-box-orient: vertical } }
/* These exist only for compatibility with autohide-tabstoolbar.css */
toolbox#navigator-toolbox > toolbar#nav-bar.browser-toolbar{ animation: none; }
#navigator-toolbox:hover #TabsToolbar{ animation: slidein ease-out 48ms 1 }
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom_menubar_on_top_patch.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
/* Menubar on top patch - use with tabs_on_bottom.css */
/* Only really useful if menubar is ALWAYS visible */
:root{ --uc-window-control-width: 0px !important }
#navigator-toolbox{ padding-top: calc(29px + var(--uc-titlebar-padding,0px)) !important }
#toolbar-menubar{
position: fixed;
display: flex;
top: var(--uc-titlebar-padding,0px);
height: 29px;
width: 100%;
overflow: hidden;
}
#toolbar-menubar > .titlebar-buttonbox-container{ height: 29px; order: 100; }
#toolbar-menubar > [flex]{ flex-grow: 100; }
#toolbar-menubar > spacer[flex]{
order: 99;
flex-grow: 1;
min-width: var(--uc-window-drag-space-width,20px);
}
#toolbar-menubar .titlebar-button{ padding: 2px 17px !important; }
#toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 3px }
/* TABS: height */*|*:root { --tab-toolbar-navbar-overlap: 0px !important; --tab-min-height: 25px !important; /*adjust to set height or omit to use density*/
--tab-min-width: 80px !important; /*adjust to set width or omit to use default*/
#tabbrowser-tabs {
width: 100vw !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}
.tab-background {
border-radius: 8px 8px 0px 0px !important; border-image: none !important;
}
.tab-line {
display: none;
}
.tab-close-button {
color: red!important;
}
/* Tighten up drop-down/context/popup menu spacing */
menupopup > menuitem, menupopup > menu {
padding-block: 0px !important;
}
:root {
--arrowpanel-menuitem-padding: 4px 8px !important;
}
.sidebar-placesTree treechildren::-moz-tree-row {
min-height: 14px !important;
height: 14px !important;
}
.sidebar-placesTree treechildren::-moz-tree-image{
margin: -2px 2px !important;
}und einer userContent.css:
@media (-moz-proton) {
@-moz-document url("about:home"), url("about:newtab") {
/** Activity Stream - Search Focus Border: like URL ***********************/
/* At DarkMode, Color */
body[style*="--newtab-background-color:rgba(28, 27, 34, 1);"],
body[style*="--newtab-background-color:rgba(42, 42, 46, 1);"] {
/* inner */
--newtab-focus-border: rgba(0, 221, 255, 0.5) !important; /* Original: #B5D3FF, Better color-mix(in srgb, #B5D3FF 70%, transparent) */
--newtab-focus-border-selected: rgba(0, 221, 255, 0.5) !important; /* Original: #B5D3FF */
}
/** Activity Stream - Web Site Icon: full size ****************************/
.top-site-outer .tile .icon-wrapper {
width: 100% !important; /* Original: 48px */
height: 100% !important; /* Original: 48px */
}
}
}das sieht eigentlich auch immer noch richtig aus, jedoch der Zeilenabstand hat sich wieder erweitert und sieht nun so aus:
Einen evtl. Schalter in about:config gibt's ja wohl nicht mehr, wenn ich alles richtig verstanden hab und eine eigenständige Bearbeitung der .css traue ich mir wegen der vielen "Fachbegriffe" nicht zu (Schulenglisch - ich bin 55).
Wie komme ich an die richtigen Einstellungen, ohne meine angepaßte GUI wieder zu verhunzen? Was muss ich in der/den .css-Dateien ändern?
Danke vorab!
Sascha
Hallo!
Bevor ich hier unnötig Staub aufwirbel:
Habe das gleiche Thema, diesen und andere Threads durch und leider keine Lösung.
Bin ich hier trotzdem richtig (ist ja als erledigt angehakt) oder soll ich ein eigenes Thema eröffnen und dort dann mein Problem vorstellen?
Danke vorab!
Sascha
Super, dankeschön!
Die Farbe habe ich mit Eintrag lightgrey ändern können.
Sascha
Hallo Andreas!
Molto bene! Sieht schon mal gut aus.
Kann man jetzt noch den dünnen Strich unter den Tabs mit einem 0-Eintrag verschwinden lassen, die Farbe von Dunkelblau auf mein Grau einstellen und die Menü- und die Adressleiste dünner machen? Is bloß Optik, aber ich finde, die nehmen viel Platz ein und die Farbe stört mich.
Auf jeden Fall erstmal ein fettes DANKE!
Sascha
Hallo Andreas!
Danke für die freundliche Aufnahme!
Mit Deinem Code komme ich leider nicht weiter, da sich dann eine leere Zeile einfügt: Die eigentlich ausgeblendete Lesezeichenleiste. Wenn ich den Wert in Z24 auf 0 setze ist die zwar weg, aber das Tab weiter "schwebend" vor der Webseite, nur halt "tiefer" im Bild, weitere Tabs sind im Hintergrund nur über Strg+Tab erreichbar ...
Wie bekomme ich die Tableiste vollständig angezeigt und über die Webseite sowie unter die Menüleiste, ohne die zusätzliche (bei mir leere!) Lesezeichenleiste? Ich bin zu allerlei Fummelei bereit - man lernt nie aus!
Gruß und Dank
Sascha
