Dein Skript bedient aber eine ganz andere Baustelle...
Wie wahr, wie wahr, kannst du mir vergeben?
Beiträge von FuchsFan
-
-
Dazu hatte ich auch nichts gefunden, deshalb nutze ich dieses.
JavaScript
Alles anzeigen//Author @BrokenHeart (function() { if (!window.gBrowser){ return; } CustomizableUI.createWidget({ id: 'addons-update-button-ucjs', defaultArea: CustomizableUI.AREA_NAVBAR, label: 'Add-ons Update', tooltiptext: 'Add-ons aktualisieren', onCommand: onCommand, onCreated: function(button) { button.style.listStyleImage = 'url("file:///C:/FoxIcons2/0013.png")';} }); function onCommand(event) { let targetUpdateMessage=null; let categories=null; event.target.ownerGlobal.openTrustedLinkIn('about:addons', 'tab'); addEventListener('pageshow', function onPageshow(event) { let document = event.target; if (document.URL != 'about:addons') return; removeEventListener('pageshow', onPageshow); categories = document.getElementById('categories'); targetUpdateMessage = document.querySelector('#page-header .main-heading #updates-message'); const configObserver = { attributes: true }; const observerUpdateMessage = new MutationObserver(callback); observerUpdateMessage.observe(targetUpdateMessage, configObserver); document.querySelector('addon-page-options panel-item[action="check-for-updates"]').click(); }); const callback = (mutationList, observer) => { for (const mutation of mutationList) { if (mutation.type === 'attributes') { message = targetUpdateMessage.getAttribute('state'); if( message == "manual-updates-found" ) { setTimeout(function() { gBrowser.selectedTab.linkedBrowser.reload(); }, 1000); categories.querySelector('button[viewid="addons://updates/available"]').click(); return; } else if( message == "none-found" ) { // .. return; } else if( message == "installed" ) { document.querySelector('addon-page-options panel-item[action="view-recent-updates"]').click(); setTimeout(function() { categories.querySelector('button[viewid="addons://updates/recent"]').click(); }, 1000); return; } } } } }; })(); -
Ändere ganz unten let strCountOut1 = String(menuCount).padEnd(2, " ");
in let strCountOut1 = String(menuCount).padStart(2, " ");.
Perfekt!
Danke!
-
Du hast das mit den Pfeilen doch selbst verursacht!!!
Neeeeeeee, damit hat es funktioniert.
Es sollte dann so aussehen:
Damit werden die Pfeile wieder in allen Menüs gezeigt. Nicht gut!!!
Lösche mal alles "unter" /* Pfeil */
und ersetze es einfach NUR durch menupopup > menu::after {Ohne jetzt meine Nigthly Maschine anzuwerfen, und auf dem Mac ist es sowieso nochmal anders: würde das nicht auch andere Pfeile ausserhalb der Bookmark Popups betreffen, zB Kontextmenus, wie etwas bei Rechtsklick auf Tabs?
Also evtl. sowas wie .bookmark-item::after, oder .bookmark-item menu::after ?
Was wir hier schon mal diskutiert hatten, glaub ich.
Aber egal, den Wust an Code von FF für die ganzen Details brauchts wohl nicht, va wenn man alle Bookmarks Pfeile ohne Beschränkung ansprechen will, da haste recht..bookmark-item::after , damit funktioniert es. Danke!
Nun fehlt nur noch in Miras Script, dass die Zahlen bei den Ordnern rechtsbündig sind. Wie machen?
-
Zeig her "Dein" Skript
und gib mir bitte auch die Symbole zum Testen.Bitteschön!
JavaScript
Alles anzeigen// BookmarkCount.uc.js /* ******************************************************************************************************************* */ /* Author BrokenHeart => https://www.camp-firefox.de/forum/thema/136572/?postID=1229536#post1229536 **** */ /* Correction from BrokenHeart => https://www.camp-firefox.de/forum/thema/136572/?postID=1229696#post1229696 **** */ /* Extension from Sören Henschel => https://www.camp-firefox.de/forum/thema/136572/?postID=1229555#post1229555 **** */ /* Customized by Mira inspired by grisu2099 ********************************************************************** */ /* Source => https://www.camp-firefox.de/forum/thema/136572/?postID=1229875#post1229883 **** */ /* Customized by Mira inspired by Horstmann ********************************************************************** */ /* Source => https://www.camp-firefox.de/forum/thema/136572/?postID=1229993#post1229993 **** */ /* Adjustments for 139 and customized by Mira inspired by Horstmann ********************************************** */ /* Source => https://www.camp-firefox.de/forum/thema/136572/?postID=1270254#post1270254 **** */ /* ******************************************************************************************************************* */ /* Version 1.01 => https://www.camp-firefox.de/forum/thema/136572/?postID=1230128#post1230128 **** */ /* Version 1.02 => https://www.camp-firefox.de/forum/thema/136572/?postID=1230334#post1230334 **** */ /* Version 1.03a => https://www.camp-firefox.de/forum/thema/136572/?postID=1270258#post1270258 **** */ /* ******************************************************************************************************************* */ /* Custom Counter in the Bookmarks for folders and links ************************************************************* */ /* ******************************************************************************************************************* */ (function() { if (!window.gBrowser) return; setTimeout(function() { setFunction(); },50); //Custom icons in profile/chrome/icons folder let ProfilePath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons')); let icon1 = "green.png"; // Custom Folder Icon let icon2 = "009.png"; // Custom Link Icon let icon3 = "rechts2.gif"; // Custom Arrow Icon // Custom settings let bm_font_size = 12; let cs_font_weight = 700; let bm_icon_size = 14; // NEU: Schriftfarbe getrennt definieren //let cs_font_color_1 = "#FFA500"; // Farbe für Folder-Zähler (links) //let cs_font_color_2 = "#00FFFF"; // Farbe für Link-Zähler (rechts) let cs_font_color_1 = "blue"; // Farbe für Folder-Zähler (links) let cs_font_color_2 = "brown"; // Farbe für Link-Zähler (rechts) // NEU: Symbolfarber getrennt definieren //let cs_icon_color_1 = "#5fe575"; // Farbe für "Ordner", 1.Symbol //let cs_icon_color_2 = "#fbf328"; // Farbe für "Link", 2.Symbol //let cs_icon_color_3 = "#bbf700"; // Farbe für den Pfeil let cs_icon_color_1 = "#C0C0C0"; // Farbe für "Ordner", 1.Symbol let cs_icon_color_2 = "#C0C0C0"; // Farbe für "Link", 2.Symbol let cs_icon_color_3 = "#C0C0C0"; // Farbe für den Pfeil // Calculated settings let cs_font_size = `${bm_font_size}px`; let cs_icon_size = `${bm_icon_size}px`; let cs_width_one = `calc(${bm_icon_size}px + 1.4em)`; let cs_width_uno = `calc(${bm_icon_size}px)`; let cs_width_two = `calc(${bm_icon_size}px + 1.4em)`; let cs_width_due = `calc(${bm_icon_size}px)`; //let useStyle1 = true; // <- HIER Weiche setzen: true = Variante 1, false = Variante 2 let useStyle = 0; // <- HIER Weiche setzen: 0 = Symbole hinter den Zählern, 1 = Symbole vor den Zählern // Symbole vor den Zählern let css_one = ` /* Counter #1 Folder */ #bmContent::before { content: attr(data-value1) !important; width: ${cs_width_one} !important; align-items: center !important; display: flex !important; justify-content: end !important; /*margin-inline: 16px 4px; */ /* min. Abstand links für enge Popups, rechts zum 2ten Counter */ margin-left: 16px !important; /* Abstand links minimum für schmale Popus CHANGE */ margin-right: -1px !important; /* Abstand Icon "Ordner" bis zum "Zähler" */ background-image: url("${ProfilePath}/${icon1}")!important; background-position: center right calc(${cs_width_one} - ${cs_icon_size}) !important; background-repeat: no-repeat !important; background-size: ${cs_icon_size} ${cs_icon_size} !important; color: ${cs_font_color_1} !important; /* Farbe der 1. Zahl */ fill: ${cs_icon_color_1} !important; /* Farbe des 1. Symbols */ } /* Counter #2 Links */ #bmContent::after { content: attr(data-value2) !important; width: ${cs_width_two} !important; align-items: center !important; display: flex !important; justify-content: end !important; /*margin-inline: -2px;*/ margin-left: 4px !important; /* Abstand "Zähler 1" zum Icon2 */ margin-right: -1px !important; /* Abstand Icon "Links" bis zum "Zähler" */ background-image: url("${ProfilePath}/${icon2}") !important; background-position: center right calc(${cs_width_two} - ${cs_icon_size}) !important; background-repeat: no-repeat !important; background-size: ${cs_icon_size} ${cs_icon_size} !important; color: ${cs_font_color_2} !important; /* Farbe der 2. Zahl */ fill: ${cs_icon_color_2} !important; /* Farbe des 2. Symbols */ } `; // Symbole hinter den Zählern let css_two = ` /* Counter #1 Folder */ #bmContent::before { content: attr(data-value1) !important; width: ${cs_width_one} !important; align-items: center !important; display: flex !important; justify-content: end !important; background-image: url("${ProfilePath}/${icon1}")!important; background-position: center right calc(${cs_width_uno} - ${cs_icon_size}) !important; background-repeat: no-repeat !important; background-size: ${cs_icon_size} ${cs_icon_size} !important; color: ${cs_font_color_1} !important; /* Farbe der 1. Zahl */ fill: ${cs_icon_color_1} !important; /* Farbe des 1. Symbols */ padding: 2px 20px 0px 10px !important; /* top | right | bottom | left */ /*margin-inline: 0px -10px; */ margin-left: 16px !important; /* Abstand links minimum für schmale Popus CHANGE */ margin-right: 12px !important; /* Abstand Icon "Ordner" bis zum "Zähler" */ } #bmContent::after { content: attr(data-value2) !important; width: ${cs_width_two} !important; align-items: center !important; display: flex !important; justify-content: end !important; /*justify-content: flex-end; */ background-image: url("${ProfilePath}/${icon2}")!important; background-position: center right calc(${cs_width_due} - ${cs_icon_size}) !important; background-repeat: no-repeat !important; background-size: ${cs_icon_size} ${cs_icon_size} !important; color: ${cs_font_color_2} !important; /* Farbe der 2. Zahl */ fill: ${cs_icon_color_2} !important; /* Farbe des 2. Symbols */ padding: 2px 22px 0 0 !important; /* top | right | bottom | left */ margin-left: -14px !important; /* Abstand "Zähler 1" zum Icon2 */ margin-right: -1px !important; /* Abstand Icon "Links" bis zum "Zähler" */ } `; function setFunction() { const css =` /* Counter rechtsbuendig */ #bmContent { display: flex !important; margin-inline: auto 0 !important; font-family: Consolas, "Lucida Console", "Courier New", monospace !important; font-size: ${cs_font_size} !important; font-weight: ${cs_font_weight} !important; height: ${cs_icon_size} !important; } /* Dynamisch gewählter before-Block */ ${useStyle ? css_one : css_two} /* Pfeil */ #bookmarksToolbarFolderPopup menu.menu-iconic.bookmark-item menupopup menu.menu-iconic.bookmark-item::after, #bookmarksToolbarFolderPopup > menu::after, #bookmarksToolbarFolderPopup > menupopup::after, #bookmarksMenuPopup > menu::after { content: "" !important; background-image: url("${ProfilePath}/${icon3}")!important; height: ${cs_icon_size} !important; height: ${cs_icon_size} !important; fill: ${cs_icon_color_3} !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) bmbMenu.addEventListener('popupshowing', onPopupShowing ); if(bookMenu) 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; // Neues Element für Zaehler let bmCounta = item.childNodes[1]; if (!bmCounta) return; // Falls undefiniert bmCounta.innerHTML = "" let bmContent = document.createElement("bmContent"); bmContent.id = "bmContent"; bmCounta.appendChild(bmContent); //let strCountOut1 = " " + menuCount + " "; // Has no brackets //let strCountOut1 = "(" + menuCount + ")"; // Has round brackets //let strCountOut1 = "[" + menuCount + "]"; // Has square brackets let strCountOut1 = String(menuCount).padEnd(2, " "); bmContent.setAttribute('data-value1', strCountOut1); //let strCountOut2 = " " + menuitemCount + " "; // Has no brackets //let strCountOut2 = "(" + menuitemCount + ")"; // Has round brackets //let strCountOut2 = "[" + menuitemCount + "]"; // Has square brackets // let strCountOut2 = String(menuitemCount).padEnd(2, " "); // bmContent.setAttribute('data-value2', strCountOut2); let strCountOut2 = (useStyle === 0) ? String(menuitemCount).padStart(4, "/ ") : String(menuitemCount).padEnd(2, " "); bmContent.setAttribute('data-value2', strCountOut2); }, 100); } } })();
Da wäre dann noch etwas, die Zähler für die Ordner sollten rechtsbündig sein.
-
Doch, Andreas, musste es nur noch erweitern bis zur dritten Ebene. Danke für den Hinweis.
CSS/* Pfeil */ #bookmarksToolbarFolderPopup menu.menu-iconic.bookmark-item menupopup menu.menu-iconic.bookmark-item::after, #bookmarksToolbarFolderPopup > menu::after, #bookmarksToolbarFolderPopup > menupopup::after, #bookmarksMenuPopup > menu::after { -
Nach Belieben veränder, zerpflücken und anpassen, funktioniert in der Nightly.
Für die v139 musste ich nun auch auf eine neue Version umsteigen, dafür habe ich diese Version RE: Nur die Anzeige der Ordner/Lesezeichenanzahl in einer anderen Farbe darstellen mal probiert. Eigene Icons wurden auch ausgewählt, wie auf den Bildern zu sehen ist. Abeeeerr der Pfeil wird auch auf alle anderen Menüs übertragen, kannst du das eventuell abändern, dass der Code nur für die Bookmarks wirkt?
-
Diese liegt bei mir im Chromeordner bzw. im Unterordner CSS.
Codevar dir = Services.dirsvc.get('UChrm', Ci.nsIFile); dir.append('Test.uc.js'); dir.append('Test.css'); dir.launch();dir.append('Test.uc.js'); sagt, welcher Ordner geöffnet werden soll, bei dir doch dann CSS, oder? Das Script (Name) gehört dort nicht hinein.
-
Dort taucht .menu-iconic-text gar nicht auf.
Aber ja, dann schau mal in deine gezeigten Codes.
-
Schnipsel als Systemübergreifend eingesetzt ändert nichts.
Doch, der ändert. Du musst (kannst) den margin-Wert erhöhen, dann wird es auch funktionieren. Hier sind es 27px, damit alles gleichmäßig angeordnet ist.
Dann greift das .menu-iconic-text so nicht mehr, sondern label.menu-text müsste dann verwendet werden (im Nightly wohlgemerkt).
-
Ansonsten müssten da alle Abstände angepasst werden.
Nachdem ich alle Anpassungen für den Text deaktiviert habe, und nur noch den Code aus #15 einsetze, da passen in allen Menüs die Abstände. Das wäre also die beste Möglichkeit, um nicht alles einzeln aufbauen zu müssen.
-
display:none ist wohl nicht der richtige Weg, wenn man eigene Icons davor hat.
Ansonsten müssten da alle Abstände angepasst werden.
Danke, Andreas, da bleibt wohl nur dieser Weg. Ich hatte es einfach nur mit .menu-icon { und margin gemacht, geht auch. Einige Abstände müssen dann doch geändert werden, weil in meinen Anpassungen schon bestimmte Textabstände vorhanden waren.
Danke, Andreas!
-
allerdings zerhaut es mir im Menü LESEZEICHEN mein dortiges Icon
Das stimmt, bei Lesezeichen und Chronik auch, war mir noch nicht aufgefallen. Es werden hier nur einige angezeigt, wobei es aussieht dass nur die Favicons der einzelnen Seiten nicht angezeigt werden. Muss ich mich auch mal mit befassen, mal sehen woran es liegen könnte.
-
-
sieht gut aus
Darum geht es nicht, es geht um den Aufbau des Scriptes. Und du kannst mir glauben, ich habe auch nicht mehr Ahnung von Scripten. Aber weil es hier auch für den Laien alles nachvollziehbar ist, und bei etwas Lernen auch selbst umgestaltet werden kann. Auf die Wirkungsweise habe ich auch keinen Einfluss, damit kenne ich mich auch nicht aus. Auf jeden Fall ist alles einfacher aufgebaut wie beim Extra-config-menü.uc.jc. Denn dort etwas anzupassen, da gehört schon mehr dazu.
-
Danke, ich habe mal die Codes verglichen (mehr kann ich dabei nicht erkennen), so sind doch einige Änderungen da. Und 2002Andreas hat ja schon einen passenden Code daraus gebastelt. Für mich nochmal zum Verständnis, bleibt dieser Zustand dann so erhalten?
Du könntest bitte mal testen, ob sich am Abstand wieder etwas ändert bei dir
Andreas, das ist ein Volltreffer, alle Menüs wieder i.O. Ich bedanke mich!
-
Da sagst du nichts Neues, Danke.
-
Sieht hier ohne Anpassungen so aus:
Meine Bilder sind auch ohne Anpassungen, aber es sind auch einige Kontext-Menüs dabei. Meine Anpassungen sind wegen der Icons überall gleichmäßig zum Text ausgerichtet. Durch diese neue Baustelle???? verschiebt sich alles(der Text) nach rechts.
-
Eine Weile beobachte ich schon, dass bei vielen Popup-Menüs (nicht bei allen) sich der Text nach rechts verlagert hat. Kann es sein, dass dort z.Z. daran gearbeitet wird.
Ich wollte mir Arbeit sparen, denn sollte es so bleiben, dann steht sehr viel Arbeit bei den Anpassungen bevor.
Beispiel 1 (normal):
Beispiel 2:
-
Kannst du evtl. ein Bild hier laden, damit man es sieht, wie es aussieht? Wäre hilfsreich. Dankeschön.
Da kann ich dir meines mal zeigen. Wenn du Interesse hast, dann sag bitte an, bekommst dann auch gleich die css-Datei für die Icons.
