Beiträge von FuchsFan
-
-
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.
CSS/* Text auf Position gebracht */ #uc_menu_Restart_H.subviewbutton.subviewbutton-iconic label.toolbarbutton-text{ margin-left: 0px !important; } -
Weiß jemand, wie es angepasst werden muss?
Probiere das mal bitte.
JavaScript
Alles anzeigen/* 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); })(); -
Einen schönen Sonntag wünsche ich Dir.
Einen schönen Sonntag wünsche ich Dir.
Danke, Endor , den wünsche ich Dir auch.
-
Schlecht, Fehler in Konsole.
Das if (location.href !== 'chrome://mozapps/content/downloads/unknownContentType.xhtml') return; nach (function () {
eingefügt, dann gibt es auch keine Fehlermeldong mehr. Oder?
-
Keine Probleme damit, es funktioniert.
-
Dein Skript bedient aber eine ganz andere Baustelle...
Wie wahr, wie wahr, kannst du mir vergeben?
-
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.
-
