userChrome.js Scripte für den Fuchs (Diskussion)

Zitat von bege

Zitat von Endor

Habe da in der Beschreibung aber nichts zum Ausrufezeichen-Badges finden können.
Wird hier auch mal angezeigt, dann wieder nicht usw.

Ich habe mal nachgefragt, bisher noch keine endgültige Antwort.

https://github.com/garywill/aboutconfig-menu/issues/3

Die übersetzte Antwort des Entwicklers:

Zitat

Derzeit wird update_badge() nur dann aufgerufen, wenn wir auf das Symbol klicken oder die Voreinstellung über unser Menü ändern. Der Status des Badges entspricht also nicht immer dem tatsächlichen Wert der prefs.

Das muss verbessert werden (in Zukunft, nicht sicher, wann ... 🤦‍♂️).

Hallo,

das Script "Neustart" für das Hamburger Menü funktioniert seit 139.4 nicht mehr (es passiert gar nichts, wenn man drauf klickt).

(function() {
if (location != 'chrome://browser/content/browser.xhtml') return;

/* App (Hamburger) Menu */
var menuitem = document.createXULElement('toolbarbutton');
menuitem.id = 'restartfirefox-appMenu';
menuitem.classList.add('subviewbutton', 'subviewbutton-iconic');
menuitem.setAttribute('label' , 'Neustart');
menuitem.setAttribute('tooltiptext' , 'Neustart');
menuitem.setAttribute('style', '')
menuitem.style.listStyleImage= '',
menuitem.setAttribute('onclick', 'if (event.button == 0) { \
                                  Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit); \
                              }; \
                              if (event.button == 1 || event.button == 2) { \
                                  Services.appinfo.invalidateCachesOnRestart(); \
                                  Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit); \
                              };');
var refItem = document.getElementById('appMenu-viewCache').content.getElementById('appMenu-quit-button2');
refItem.parentNode.insertBefore(menuitem, refItem);
})();

Weiß jemand, wie es angepasst werden muss?

Vielen Dank im Voraus

Zitat von genetic

Weiß jemand, wie es angepasst werden muss?

Probiere das mal bitte.

/* Hamburger Menu */
(function() {
	
if (location != 'chrome://browser/content/browser.xhtml') return;

var menuitem = document.createXULElement('toolbarbutton');
menuitem.id = 'uc_menu_Restart_H';
menuitem.classList.add('subviewbutton', 'subviewbutton-iconic');
menuitem.setAttribute('label' , 'Neustart');
menuitem.setAttribute('tooltiptext' , 'Neustart');
menuitem.style.listStyleImage= 'url(file:///C:/FoxIcons/restart2.png)';
							  
menuitem.addEventListener('click', event => {
						if (event.button == 1) { 
                                  Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit); 
                              }
                              if (event.button == 0 || event.button == 2) { 
                                  Services.appinfo.invalidateCachesOnRestart(); 
                                  Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit);
                              }							  
					});
var refItem = document.getElementById('appMenu-viewCache').content.getElementById('appMenu-quit-button2');
refItem.parentNode.insertBefore(menuitem, refItem);
})();

Zitat von FuchsFan

Probiere das mal bitte.

Es funktioniert - danke.

Allerdings gibt es es kleines, kosmetisches Problem...welcher Teil in dem Script ist denn für die Textposition zuständig?

Zitat von genetic

welcher Teil in dem Script ist denn für die Textposition zuständig

Keiner. Du musst noch eine CSS-Datei für das Hamburger-Menü haben oder einen Eintrag in der userChrome.css, wenn der Eintrag vorher richtig positioniert war.

Als Ansatz für eventuell vorhandene CSS-Anpassungen: FuchsFan hat in seiner Script-Version die ID gegenüber dem ursprünglichen Script geändert. Es wäre möglich, dass die ID für das Styling verwendet wird.

Zitat von genetic

Allerdings gibt es es kleines, kosmetisches Problem...welcher Teil in dem Script ist denn für die Textposition zuständig?

Du könntest das in der userChrome.css verwenden, margin dann anpassen.

/* Text auf Position gebracht */
	#uc_menu_Restart_H.subviewbutton.subviewbutton-iconic label.toolbarbutton-text{
	margin-left: 0px !important;
    }	

OK, vielleicht ist es entscheidend: Es ist eine port. Version des FF.

In der userChrome.ss habe ich folg. Eintrag:

/********Neustart im Dropdownmenü einrücken*******/
#restartfirefox-appMenu > label {
margin-left: -24px !important;
}

Eine Änderung (-24px) egal in welche Richtung bringt leider nichts.

Zitat von Sören Hentzschel

FuchsFan hat in seiner Script-Version die ID gegenüber dem ursprünglichen Script geändert. Es wäre möglich, dass die ID für das Styling verwendet wird.

Auch die Anpassung

menuitem.setAttribute('style', '')
menuitem.style.listStyleImage= '',

ändert nichts.

Zitat von genetic

In der userChrome.ss habe ich folg. Eintrag: […] Eine Änderung (-24px) egal in welche Richtung bringt leider nichts.

Logisch. Genau aus dem Grund, den ich genannt habe und du sogar zitiert hast, kann das nicht funktionieren. Du musst entweder die von FuchsFan geänderte ID im Script wieder auf deine ID oder die ID in deinem CSS ändern.

Zitat von genetic

Auch die Anpassung

CSS

menuitem.setAttribute('style', '')
menuitem.style.listStyleImage= '',

ändert nichts.

Ich verstehe nicht, inwiefern das den Abstand verändern sollte.

Zitat von FuchsFan

Du könntest das in der userChrome.css verwenden, margin dann anpassen.

Okay, so funktioniert's:

userChrome.css

/********Neustart im Dropdownmenü einrücken*******/
#uc_menu_Restart_H.subviewbutton.subviewbutton-iconic label.toolbarbutton-text{
margin-left: -24px !important;
}

Neustart.uc.js

/* Hamburger Menu */
(function() {
	
if (location != 'chrome://browser/content/browser.xhtml') return;

var menuitem = document.createXULElement('toolbarbutton');
menuitem.id = 'uc_menu_Restart_H';
menuitem.classList.add('subviewbutton', 'subviewbutton-iconic');
menuitem.setAttribute('label' , 'Neustart');
menuitem.setAttribute('tooltiptext' , 'Neustart');
menuitem.setAttribute('style', '')
menuitem.style.listStyleImage= '';
							  
menuitem.addEventListener('click', event => {
						if (event.button == 1) { 
                                  Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit); 
                              }
                              if (event.button == 0 || event.button == 2) { 
                                  Services.appinfo.invalidateCachesOnRestart(); 
                                  Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit);
                              }							  
					});
var refItem = document.getElementById('appMenu-viewCache').content.getElementById('appMenu-quit-button2');
refItem.parentNode.insertBefore(menuitem, refItem);
})();

Zitat von genetic

Okay, so funktioniert's:

Zitat von genetic

Okay, so funktioniert's:

Zitat von Sören Hentzschel

Ich verstehe nicht, inwiefern das den Abstand verändern sollte.

Ich auch nicht. War einfach nur Trial & Error.

Der Verweis auf die Url zum FavIcon (auf C:) bringt mir aber bei einem port. FF nichts, insofern kann die auf jeden Fall raus.

Zitat von genetic

Der Verweis auf die Url zum FavIcon (auf C:) bringt mir aber bei einem port. FF nichts, insofern kann die auf jeden Fall raus.

Aber ja doch, denn du verwendest keine Icon, ich schon, und deshalb ist die Url dort angegeben.

Wenn die Option „Title Bar“ im Browser aktiviert ist, wird die Button des Skripts AppMenu.uc.js nicht mehr angezeigt, der Plaseholder der Button ist klickbar, das Skript funktioniert.

Sie können die Anzeige der Button wiederherstellen, wenn Sie das im Skript eingebaute CSS durch das folgende ersetzen

/* appbutton */
#AppMenuButton {
    background-image: url("chrome://branding/content/icon32.png"); !important;
    background-repeat: no-repeat;
    background-size: 30px;
   background-position: 8px 2px !important;    /* move icon hor.; move icon ver. */
   margin-top: 4px !important;
   margin-bottom: 4px !important;
}