Hallo!
Seit dem neuesten Update ist die orangene Menübar oben links weg und jetzt habe ich da einen Leerraum.Diesen Button meine ich
Kann ich die wieder hinzufügen und liegt das an meiner .css Datei?
[attachment=0]index.png[/attachment]
Hallo!
Seit dem neuesten Update ist die orangene Menübar oben links weg und jetzt habe ich da einen Leerraum.Diesen Button meine ich
Kann ich die wieder hinzufügen und liegt das an meiner .css Datei?
[attachment=0]index.png[/attachment]
liegt das an meiner .css Datei?
Wahrscheinlich.
Teste doch bitte mal einen Code von hier:
EDIT: habe einfach die CSS runtergeladen und alle alten app Button-Dateien ersetzt. Der Button ist jetzt da, aber mit einer kleinen "Störung"
Wo kommt auf einmal dieser blaue Strich her.. :shock:
[attachment=0]index.png[/attachment]
Evtl. von deinem Theme :-??
Nö, hatte ja vorher das gleiche Theme. Habs gerade ohne Theme probiert und da ändert sich nichts. Das muss doch in irgendeiner CSS Datei drinstecken der blaue Strich oder nicht?
Übrigens beim privaten Fenster ist da auch so ein Strich, aber andere Farbe. Vielleicht ist das irgend so eine Art Trennlinie?
[attachment=0]index.png[/attachment]
Welchen Code genau hast du denn für den Button genommen?
Alle .css-Dateien aus dem Ordner rauskopiert (https://github.com/Aris-t2/Custom…c/css/appbutton) und bei mir eingefügt.
Alle .css-Dateien aus dem Ordner rauskopiert
Du musst dir eine davon aussuchen, und nicht alle benutzen. Evtl. ist das der Grund für den Fehler.
Danke, das funktioniert. Ich müsste generell mal ausmisten, weil ich hatte vorher auch schon alle drin und das ist für die anderen Einstellungen auch so. Hab wohl damals den ganzen Ordner einfach reinkopiert :oops:
Jedenfalls danke für deine Mühe!
Gern geschehen, freut mich wenn alles funktioniert
Ich pushe mal meinen alten Thread.
Nach dem Update gestern ist bei meinem Style (oranger Button) schon wieder irgendwas nicht in Ordnung
Vor Update (blauen Strich ignorieren):
Kann mir jemand helfen, das zu beheben? Habe die CSS Dateien von hier.
Kann mir jemand helfen, das zu beheben? Habe die CSS Dateien von hier.
Schön und welche?
Habe die CSS Dateien von
Dann teste doch mal die neue Version davon, der Autor erstellt doch immer Updates dafür.
/* Firefox Quantum userChrome.css tweaks ************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/
/************************************************/
/* cheat main menu button into title bar ********/
/************************************************/
/* menubar adjustments */
#main-window[tabsintitlebar] #toolbar-menubar {
-moz-margin-start: 95px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
-moz-margin-start: 94px !important;
}
#main-window[uidensity=compact][tabsintitlebar] #toolbar-menubar {
-moz-margin-start: 93px !important;
}
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
-moz-margin-start: 92px !important;
}
/* tabs toolbar adjustments */
#main-window[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar {
-moz-padding-start: 95px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar {
-moz-padding-start: 94px !important;
}
#main-window[uidensity=compact][tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar {
-moz-padding-start: 93px !important;
}
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar {
-moz-padding-start: 92px !important;
}
#main-window[tabsintitlebar][sizemode="fullscreen"] #TabsToolbar {
-moz-padding-start: 95px !important;
}
#main-window[tabsintitlebar] #toolbar-menubar[autohide="true"]:not([inactive="true"]) ~ #TabsToolbar,
#main-window[tabsintitlebar] #toolbar-menubar[autohide="false"] ~ #TabsToolbar {
margin-top: 4px !important;
}
/* appbutton */
#main-window[tabsintitlebar] #PanelUI-button {
-moz-appearance: none !important;
-moz-box-ordinal-group: 0 !important;
position: fixed !important;
display:block !important;
height: 22px !important;
margin: 0 !important;
-moz-margin-start: 1px !important;
border: unset !important;
box-shadow: unset !important;
padding-left: 0px !important;
padding-right: 0px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"] #PanelUI-button {
-moz-margin-start: 0px !important;
}
#main-window[tabsintitlebar][sizemode="normal"] #PanelUI-button {
top: 0px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"] #PanelUI-button {
top: 8px !important;
}
@media (min-resolution: 110dpi) {
#main-window[tabsintitlebar][sizemode="maximized"] #PanelUI-button {
top: 6px !important;
}
}
@media (min-resolution: 120dpi) {
#main-window[tabsintitlebar][sizemode="maximized"] #PanelUI-button {
top: 5px !important;
}
}
@media (min-resolution: 140dpi) {
#main-window[tabsintitlebar][sizemode="normal"] #PanelUI-button {
top: 0px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"] #PanelUI-button {
top: 4px !important;
}
}
@media (min-resolution: 160dpi) {
#main-window[tabsintitlebar][sizemode="maximized"] #nav-bar #PanelUI-button {
top: 2px !important;
}
}
@media (-moz-windows-classic) {
#main-window[tabsintitlebar][sizemode="maximized"] #nav-bar #PanelUI-button {
top: 2px !important;
}
}
/* code for Linux/macOS */
@media not all and (-moz-os-version: windows-win7) {
@media not all and (-moz-os-version: windows-win8) {
@media not all and (-moz-os-version: windows-win10) {
#main-window[tabsintitlebar][sizemode="maximized"] #PanelUI-button {
top: 0px !important;
}
}}}
#main-window[tabsintitlebar][sizemode="fullscreen"] #PanelUI-button {
top: 0px !important;
}
#main-window[tabsintitlebar] #PanelUI-button #PanelUI-menu-button {
background-clip: padding-box !important;
padding: 0 1.4em 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
-moz-padding-start: 1.4em !important;
-moz-padding-end: 2.1em !important;
height: 22px !important;
border-radius: 0 0 4px 4px;
border-top: none !important;
border-right: 1px solid !important;
border-left: 1px solid !important;
border-bottom: 1px solid !important;
}
/* code for Linux/macOS */
@media not all and (-moz-os-version: windows-win7) {
@media not all and (-moz-os-version: windows-win8) {
@media not all and (-moz-os-version: windows-win10) {
#main-window[tabsintitlebar] #PanelUI-button #PanelUI-menu-button {
max-width: 90px !important;
}
}}}
/* hide button in fullscreen mode, if toolbars get automatically hidden */
#main-window[tabsintitlebar][sizemode="fullscreen"] #navigator-toolbox[style*="margin-top: -"] #PanelUI-button {
visibility: collapse !important;
}
/* dropmarker icon / arrow */
#main-window[tabsintitlebar] #PanelUI-button .toolbarbutton-icon {
-moz-margin-end: -94px !important;
margin-top: 2px !important;
margin-bottom: 0px !important;
list-style-image: url("../../image/dropdown-arrow-inverted.svg") !important;
-moz-image-region: rect(0px, 0px, 0px, 0px) !important;
width: 9px !important;
height: 7px !important;
background: unset !important;
box-shadow: unset !important;
}
#main-window[uidensity=touch][tabsintitlebar] #PanelUI-button #PanelUI-menu-button .toolbarbutton-icon {
-moz-margin-end: -90px !important;
}
#main-window[tabsintitlebar] #PanelUI-menu-button::after {
display: block !important;
color: white !important;
font-weight: bold !important;
text-shadow: 0 0 1px rgba(0,0,0,.7),
0 1px 1.5px rgba(0,0,0,.5) !important;
margin-top: 0px !important;
margin-bottom: 2px !important;
border: unset !important;
box-shadow: unset !important;
}
#main-window[tabsintitlebar][sizemode="normal"] #PanelUI-menu-button::after {
margin-bottom: 0px !important;
}
/* 'Firefox' title */
#main-window[tabsintitlebar] #PanelUI-menu-button[label="Firefox"]::after,
#main-window[tabsintitlebar] #PanelUI-menu-button:not([label="Nightly"]):not([label="Firefox Nightly"]):not([label="Firefox Developer Edition"]):not([label="Firefox"]):not([label="Tor Browser"]):not([label="Tor-Browser"])::after {
content: "Firefox" !important;
-moz-margin-start: -6px !important;
}
#main-window[uidensity=touch][tabsintitlebar] #PanelUI-menu-button[label="Firefox"]::after,
#main-window[uidensity=touch][tabsintitlebar] #PanelUI-menu-button:not([label="Nightly"]):not([label="Firefox Nightly"]):not([label="Firefox Developer Edition"]):not([label="Firefox"]):not([label="Tor Browser"]):not([label="Tor-Browser"])::after {
-moz-margin-start: -12px !important;
}
/* 'DevFox' title */
#main-window[tabsintitlebar] #PanelUI-menu-button[label="Firefox Developer Edition"]::after {
content: "DevFox" !important;
-moz-margin-start: -9px !important;
}
#main-window[uidensity=touch][tabsintitlebar] #PanelUI-menu-button[label="Firefox Developer Edition"]::after {
-moz-margin-start: -15px !important;
}
/* 'Nightly' title */
#main-window[tabsintitlebar] #PanelUI-menu-button[label="Nightly"]::after,
#main-window[tabsintitlebar] #PanelUI-menu-button[label="Firefox Nightly"]::after {
content: "Nightly" !important;
-moz-margin-start: -6px !important;
}
#main-window[uidensity=touch][tabsintitlebar] #PanelUI-menu-button[label="Nightly"]::after,
#main-window[uidensity=touch][tabsintitlebar] #PanelUI-menu-button[label="Firefox Nightly"]::after {
-moz-margin-start: -12px !important;
}
/* 'Tor-Browser' title */
#main-window[tabsintitlebar] #PanelUI-menu-button:-moz-any([label="Tor Browser"],[label="Tor-Browser"])::after {
content: "Tor-Fox" !important;
-moz-margin-start: -6px !important;
}
#main-window[uidensity=touch][tabsintitlebar] #PanelUI-menu-button:-moz-any([label="Tor Browser"],[label="Tor-Browser"])::after {
-moz-margin-start: -12px !important;
}
/* custom button title (remove above Firefox/DevFox/Nightly codes) *//*
#main-window[tabsintitlebar] #PanelUI-menu-button::after{
content: "MyTitle" !important;
-moz-margin-start: -6px !important;
}
#main-window[uidensity=touch][tabsintitlebar] #PanelUI-menu-button::after {
-moz-margin-start: -12px !important;
}
/* adjust button badge stack */
#main-window[tabsintitlebar] :-moz-any(#PanelUI-button,#PanelUI-menu-button):not([checked]):not([open]):not(:active) > .toolbarbutton-badge-stack,
#main-window[tabsintitlebar] :-moz-any(#PanelUI-button,#PanelUI-menu-button):not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-badge-stack,
#main-window[tabsintitlebar] :-moz-any(#PanelUI-button,#PanelUI-menu-button):not([disabled=true]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-badge-stack{
background: unset !important;
border-color: unset !important;
border: 0 !important;
box-shadow: unset !important;
}
/* adjust button badge */
#main-window[tabsintitlebar] #PanelUI-button #PanelUI-menu-button .toolbarbutton-badge-stack .toolbarbutton-badge {
-moz-margin-end: 2px !important;
margin-top: 0px !important;
}
/* button color/border */
/* orange (default) */
#main-window[tabsintitlebar] #PanelUI-button #PanelUI-menu-button {
background-image: linear-gradient(rgb(247,182,82), rgb(215,98,10) 95%) !important;
border-right-color:hsla(214,89%,21%,.5) !important;
border-left-color: hsla(214,89%,21%,.5) !important;
border-bottom-color: hsla(214,89%,21%,.5) !important;
box-shadow: 0 1px 0 hsla(0,0%,100%,.2) inset,
0 0 2px 1px hsla(0,0%,100%,.25) inset,
0 1px 0 0px rgba(255,255,255,.6),
0 -1px 0 0px rgba(255,255,255,.6),
1px 0 0 0px rgba(255,255,255,.6),
-1px 0 0 0px rgba(255,255,255,.6) !important;
}
#main-window[tabsintitlebar] #PanelUI-button #PanelUI-menu-button:hover:not(:active):not([open]){
background-image: radial-gradient(farthest-side at center bottom, rgba(252,240,89,.5) 10%, rgba(252,240,89,0) 70%),
radial-gradient(farthest-side at center bottom, rgb(236,133,0), rgba(255,229,172,0)),
linear-gradient(rgb(246,170,69), rgb(209,74,0) 95%) !important;
border-color: rgba(83,42,6,.9) !important;
box-shadow: 0 1px 0 hsla(0,0%,100%,.15) inset,
0 0 2px 1px hsla(0,0%,100%,.5) inset,
0 -1px 0 hsla(0,0%,100%,.2),
0 1px 0 0px rgba(255,255,255,.6),
0 -1px 0 0px rgba(255,255,255,.6),
1px 0 0 0px rgba(255,255,255,.6),
-1px 0 0 0px rgba(255,255,255,.6) !important;
}
#main-window[tabsintitlebar] #PanelUI-button #PanelUI-menu-button:-moz-any(:hover:active,[open]){
background-image: linear-gradient(rgb(246,170,69), rgb(209,74,0) 95%) !important;
box-shadow: 0 2px 3px rgba(0,0,0,.4) inset,
0 1px 1px rgba(0,0,0,.2) inset,
0 1px 0 0px rgba(255,255,255,.6),
0 -1px 0 0px rgba(255,255,255,.6),
1px 0 0 0px rgba(255,255,255,.6),
-1px 0 0 0px rgba(255,255,255,.6) !important;
}
/*private browsing - purple */
#main-window[privatebrowsingmode=temporary][tabsintitlebar] #navigator-toolbox #PanelUI-button #PanelUI-menu-button{
background-image: linear-gradient(rgb(153,38,211), rgb(105,19,163) 95%) !important;
}
#main-window[privatebrowsingmode=temporary][tabsintitlebar] #navigator-toolbox #PanelUI-button #PanelUI-menu-button:hover:not(:active):not([open]){
background-image: radial-gradient(farthest-side at center bottom, rgba(240,193,255,.5) 10%, rgba(240,193,255,0) 70%),
radial-gradient(farthest-side at center bottom, rgb(192,81,247), rgba(236,172,255,0)),
linear-gradient(rgb(144,20,207), rgb(95,0,158) 95%) !important;
}
#main-window[privatebrowsingmode=temporary][tabsintitlebar] #navigator-toolbox #PanelUI-button #PanelUI-menu-button:-moz-any(:hover:active,[open]) {
background-image: linear-gradient(rgb(144,20,207), rgb(95,0,158) 95%) !important;
}
/* fix for 'buttons_on_navbar_squared_buttons.css' */
#main-window[tabsintitlebar][uidensity=compact] #PanelUI-menu-button .toolbarbutton-badge-stack,
#main-window[tabsintitlebar]:not([uidensity=compact]):not([uidensity=touch]) #PanelUI-menu-button .toolbarbutton-badge-stack,
#main-window[tabsintitlebar][uidensity=touch] #PanelUI-menu-button .toolbarbutton-badge-stack {
padding-top: 0px !important;
padding-bottom: 0px !important;
width: unset !important;
height: 22px !important;
}
#main-window[tabsintitlebar][uidensity=compact] #PanelUI-menu-button .toolbarbutton-icon,
#main-window[tabsintitlebar]:not([uidensity=compact]):not([uidensity=touch]) #PanelUI-menu-button .toolbarbutton-icon,
#main-window[tabsintitlebar][uidensity=touch] #PanelUI-menu-button .toolbarbutton-icon {
padding: 6px !important;
width: 9px !important;
height: 7px !important;
}
/* fix for toolbar + text mode */
#main-window[tabsintitlebar] toolbox toolbar:not(#TabsToolbar) toolbaritem #PanelUI-menu-button,
#main-window[tabsintitlebar] toolbox toolbar:not(#TabsToolbar) #PanelUI-menu-button,
#main-window[tabsintitlebar] toolbox toolbar:not(#TabsToolbar) .toolbarbutton-1[type="menu-button"] #PanelUI-menu-button{
-moz-appearance: unset !important;
}
#main-window[tabsintitlebar] toolbox toolbar:not(#TabsToolbar) toolbaritem #PanelUI-menu-button .toolbarbutton-text,
#main-window[tabsintitlebar] toolbox toolbar:not(#TabsToolbar) #PanelUI-menu-button:not([type="menu-button"]) .toolbarbutton-text,
#main-window[tabsintitlebar] toolbox toolbar:not(#TabsToolbar) .toolbarbutton-1[type="menu-button"] #PanelUI-menu-button .toolbarbutton-text{
display: none !important;
}
#main-window[tabsintitlebar] toolbox toolbar:not(#TabsToolbar) toolbaritem #PanelUI-menu-button:not([type="menu-button"]),
#main-window[tabsintitlebar] toolbox toolbar:not(#TabsToolbar) #PanelUI-menu-button:not([type="menu-button"]),
#main-window[tabsintitlebar] toolbox toolbar:not(#TabsToolbar) .toolbarbutton-1[type="menu-button"] #PanelUI-menu-button{
-moz-box-orient: unset !important;
min-width: unset !important;
}
#main-window[tabsintitlebar] toolbox toolbar:not(#TabsToolbar) toolbaritem #PanelUI-menu-button:not(#nav-bar-overflow-button):not(#PlacesChevron) > :-moz-any(.toolbarbutton-icon,.toolbarbutton-badge-stack),
#main-window[tabsintitlebar] toolbox toolbar:not(#TabsToolbar) #PanelUI-menu-button:not([type="menu-button"]):not(#nav-bar-overflow-button):not(#PlacesChevron) > :-moz-any(.toolbarbutton-icon,.toolbarbutton-badge-stack) {
opacity: 1.0 !important;
margin-bottom: unset !important;
}
/* support for tab title in Firefox titlebar option*/
#main-window[tabsintitlebar]::after {
-moz-margin-start: 95px !important;
}
/* remove this nonsense button, a menuitem is inside menu button anyways */
#PanelUI-button #whats-new-menu-button {
display: none !important;
}
Alles anzeigen
Danke, gelöst mit dem Appbutton Code!
#main-window[tabsintitlebar] #PanelUI-button {
-moz-appearance: none !important;
-moz-box-ordinal-group: 0 !important;
position: fixed !important;
display:block !important;
height: 22px !important;
margin: 0 !important;
-moz-margin-start: 1px !important;
border: unset !important;
box-shadow: unset !important;
padding-left: 0px !important;
padding-right: 0px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"] #PanelUI-button {
-moz-margin-start: 0px !important;
}
#main-window[tabsintitlebar][sizemode="normal"] #PanelUI-button {
top: 0px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"] #PanelUI-button {
top: 8px !important;
}
@media (min-resolution: 110dpi) {
#main-window[tabsintitlebar][sizemode="maximized"] #PanelUI-button {
top: 6px !important;
}
}
@media (min-resolution: 120dpi) {
#main-window[tabsintitlebar][sizemode="maximized"] #PanelUI-button {
top: 5px !important;
}
}
@media (min-resolution: 140dpi) {
#main-window[tabsintitlebar][sizemode="normal"] #PanelUI-button {
top: 0px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"] #PanelUI-button {
top: 4px !important;
}
}
@media (min-resolution: 160dpi) {
#main-window[tabsintitlebar][sizemode="maximized"] #nav-bar #PanelUI-button {
top: 2px !important;
}
}
@media (-moz-windows-classic) {
#main-window[tabsintitlebar][sizemode="maximized"] #nav-bar #PanelUI-button {
top: 2px !important;
}
}
Alles anzeigen