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.
hallo leute...
ich benutze gerade den code aus dem beitrag #49 und dieser macht genau das was ich haben will bis auf das die schrift in der lesezeichen sidebar für mich zu klein ist. ich habe den code auch schon etwas modifiziert mit etwas code aus einem anderen post allerding hat sich die schriftgröße nur im dropdown menü von der menüleiste lesezeichen vergrößert.
wo muss ich etwas änder damit die schriftgröße auch in der lesezeichen sidebar größer wird ?
gruß stephan
wo muss ich etwas änder damit die schriftgröße auch in der lesezeichen sidebar größer wird ?
/* userChrome.css Tweak */
/* Font_size_Sidebar_only.css */
.sidebar-placesTreechildren::-moz-tree-cell-text {
font-size: 17px !important;
/* color: white !important; /* you can comment or delete this string */
}
/* Font size in the sidebar search bar */
#search-box {
font-size: 20px !important; /* Font size */
color: #ff8000 !important; /* Font color */
font-family: cursive; /* Font Family */
}
Alles anzeigen
die schriftgröße auch in der lesezeichen sidebar größer wird ?
Hallo und willkommen hier im Forum. 😊
Aus dem Code aus Beitrag Nr. 49 die Zeilen 127 bis 134 entfernen. Dann den Code aus Beitrag Nr. 55 unten wieder anfügen.
Mit dem Wert font-size: kannst du dir dann die Schriftgröße anpassen.
Hallo....
danke erstmal für die schnellen antworten...
es ist fast perfekt... nur der abstand zwischen den zeilen ist noch etwas zu groß...
habe es mal mit padding-block: 1px !important; und padding-inline-start: 1px !important; probiert aber das änder nur die position der schrift zum symbol...
der zeilenabstand müste quasi noch kleiner werden...
gruß stephan