Deine Änderung bewirkt leider nichts,
Äh, kann nicht sein! Die Zahlen sind rechtsbündig!
Ich habe nur vergessen die Symbole vor die Zahlen zu verschieben!
Zweiter Versuch!
let strCountOut = "\xa0" + "📁" + String(menuCount).padStart(2, '\xa0') + "⭐" + String(menuitemCount).padStart(3, '\xa0'); //"\xa0"
Ach und natürlich muss ins CSS margin-inline: auto 0 !important;
Ergebniss, Symbole sind vor den Zahlen. Zahlen sind rechtsbündig.
Counter, also Symbole und Zahlen sind rechtes im Menü.
CSS
(function() {
if (!window.gBrowser)
return;
setTimeout(function() {
setFunction();
},50);
function setFunction() {
const css =`
.countClass::after {
content: attr(data-value) !important;
font-family: Consolas, "Lucida Console", "Courier New", monospace !important;
font-size: 11px !important;
font-weight: 900 !important;
color: rgb(100,200,255) !important;
margin-inline: auto 0 !important;
}
`;
const sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
const uri = Services.io.newURI('data:text/css,' + encodeURIComponent(css));
sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
let bmbMenu = document.getElementById('bookmarks-menu-button');
let bookMenu = document.getElementById('bookmarksMenu');
let persToolBar = document.getElementById('PersonalToolbar');
if(bmbMenu) {
let bmbMenuPopup = document.getElementById('BMB_bookmarksPopup');
if(bmbMenuPopup) {
bmbMenuPopup.openPopup();
bmbMenuPopup.hidePopup();
bmbMenuPopup.setAttribute("hasbeenopened","true");
}
bmbMenu.addEventListener('popupshowing', onPopupShowing );
}
if(bookMenu) {
let bookMenuPopup = document.getElementById('bookmarksMenuPopup');
if(bookMenuPopup) {
bookMenuPopup.openPopup();
bookMenuPopup.hidePopup();
bookMenuPopup.setAttribute("hasbeenopened","true");
}
bookMenu.addEventListener('popupshowing', onPopupShowing );
}
if(persToolBar) {
persToolBar.addEventListener('popupshowing', onPopupShowing );
}
}
function onPopupShowing(aEvent) {
let popup = aEvent.originalTarget;
for (let item of popup.children) {
if (item.localName != 'menu' || item.id?.startsWith('history'))
continue;
setTimeout(() => {
let itemPopup = item.menupopup;
itemPopup.hidden = true;
itemPopup.collapsed = true;
itemPopup.openPopup();
itemPopup.hidePopup();
let menuitemCount = 0;
let menuCount = 0;
for (let subitem of itemPopup.children) {
if (subitem.classList.contains('bookmark-item') && !subitem.disabled && !subitem.hidden) {
if (subitem.localName == 'menuitem') {
menuitemCount++;
} else if (subitem.localName == 'menu') {
menuCount++;
}
}
}
itemPopup.hidden = false;
itemPopup.collapsed = false;
let label = item.childNodes[1]; //label.menu-iconic-text
label.classList.add('countClass');
let strCountOut = "\xa0" + "📁" + String(menuCount).padStart(2, '\xa0') + "⭐" + String(menuitemCount).padStart(3, '\xa0'); //"\xa0"
label.setAttribute('data-value', strCountOut);
}, 100);
}
}
})();
-> 'popupshowing'
