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
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
an welcher Stelle ich einfügen soll
Einfach am Ende des CSS-Codes anfügen.
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
die Zeichen sind sicht- aber nicht anklickbar!
Dann ersetze bitte mal #PlacesToolbar durch #toolbar-menubar.
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
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
Da ich immer noch den von Dir in Beitrag #6 vorgestellten Code 1:1 verwende
Und warum nicht den aus Beitrag Nr. 37?
Sieht damit so aus:
Edit:
Seite vom Beitrag angepasst.
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;
}
Alles anzeigen
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
Ich hoffe, ich bin nicht unverschämt, wenn ich Dich um Hilfe bitte!
Alles ist gut
Teste bitte diesen kompl. Code mal.
Ich habe oben Zeile 1 - 3 hinzugefügt.
#TabsToolbar {
order: 100 !important;
}
/* 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;
}
Alles anzeigen
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
Ach, was tut das gut, wenn man Rat und Tat so kompetent und schnell erhält...
das ist genau der gesuchte Kniff gewesen - alles ist wieder so, wie gewünscht!
Freut mich, so sollte es ja auch sein, war gern geschehen
Und warum nicht den aus Beitrag Nr. 38?
Bei mir ist der Code in Beitrag x37.