Teste bitte wieder:
Perfekt. Mit -4px ist genau so wie ich es will. Vielen Dank.
Teste bitte wieder:
Perfekt. Mit -4px ist genau so wie ich es will. Vielen Dank.
eventuell: security.allow_unsafe_dangerous_privileged_evil_eval
sollte auf false sein.
Danke icon wird jetzt angezeigt und
ist auf "false", aber Klick auf Icon passiert nichts.
Danke FuchsFan werde bei Gelegenheit auch deins testen.
Teste bitte, evtl. reicht dir das ja schon.
Dankeschön funkt, aber kann man nicht noch etwas kleiner machen?
habe mit -2px versucht, nimmt aber nicht an. ![]()
Danke Endor habe es geladen ohne was zu ändern.
Man sieht das icon nicht.
Kann es sein, dass ich mal für ein Extraconfigmenu.uc.js script was geändert hatte im about:config aber noch nicht rückgängig gemacht habe?
Hallo @ aLL
ich kann mich noch erinnern, dass man für das ExtraConfigMenu.uc.js in about:config etwas umstellen musste, weiss es aber nicht mehr.
Kann mir jemand auf die Sprünge helfen?
Und ja wie der Titel schon sagt, ich suche ein Funktionstüchtiges ExtraConfigMenu.uc.js, welches mir passt.
Kann jemand der Lust und Laune hat, sein hier Posten? (Am besten mit einem Screenshot.)
Besten Dank.
Kann auch nicht,weil ich auf dem Screenshot jetzt erkenne, dass dein Ordner nicht in der Lesezeichensymbolleiste liegt.
Macht nichts. Danke trotzdem.
Super wenn Du es jetzt geschafft hast und alles wieder so funktioniert, wie Du Dir das vorstellst.
Danke auch dir.
ok erledigt, habe das width auf 400px gesetzt. funkt. danke an allen mitbeteiligten.
habe das zusätzlich im FuchsFan 's CSS-Code im Beitrag #21 hinzugefügt, aber ist sicher falsch.
Hat mich auch Nerven gekostet, aber das ist mMn die sinnvollste Lösung für Lesezeichen, alles über die userChrome.css.
Das hat bei mir auch nichts genützt.
muss evtl die breite grösser machen?
mich nimmt wunder, warum nur die erste kolone schmal ist..
Ich glaube, ich muss die Breite der Popups auf meiner ZusatzLeiste vergrössern..
Nichts für ungut, aber ganz sicher steckt in irgendeinem CSS der Code, der verhindert, dass das Menü breiter dargestellt wird!
Wie sehen denn die anderen Menüs aus der Menüleiste aus?
Sind die auch FIX?
wie schon oben mal erwähnt, habe ich mit ultrasearch alle css nach menupopup gesucht und angeschaut, da war nix mit der breite drin. Und hier wie meine popups aussehen.
Hier, nur zum Testen!!
zu diesem Script, das funktioniert, aber ist nicht wie das, welches ich benütze und es zeigt nicht überall an.
hier ein gif.
Deine Codes kenne ich nicht, aber alle meine Popup-Menüs haben eine feste Breite.
habe jetzt mit ultrasearch meinen chrome ordner nach menupopup untersucht.. kein ort gesehen, wo ich die breite festgegelegt habe. Die scripte habe ich nicht angeschaut, nur die css-dateien.
Die Breite ist abhängig von der Textlänge der Lesezeichen.
Ich habe ja wie du auf den screenshots siehst, auch lange ordner-namen.
heisst das es muss 1 link haben? wobei ich immer schon so hatte, das ist vor ein paar wochen passiert, dass sich dieser popup verkleinert hat.
Also besser die -15 stehen lassen.
Die Frage ist, warum ist das Popup so schmal? Die Anderen sind nicht so schmal.
Füge nach Zeile 128 diese drei Zeilen hinzu, dann müsste es funktionieren.
Danke. Jetzt sieht es so aus. habe das -15 zu 15 geändert, aber nichts gebracht.
FuchsFan hier auf diesem Bild sieht man besser. in erster Kolone sind die Icons auf der Schrift aber in zweiter Kolone ist es besser.
margin-inline-start: 100px !important; legt immer eine feste Größe fest, du kannst für 100px auch auto versuchen, falls es mit der Breite der Popup-Menüs nicht passt.
mit "auto" hat nichts geändert, ich versuchs mal mit mehr als 100px.
ich habe deine Betriebssystem-Angabe
Ok, danke, ich versuch es mir zu merken.
Hallo @ aLL
wiedermal ich mit einer Bitte.
das Script, dass hinter den Lesezeichen die Anzahl von Ordnern und Links anzeigt, funkt nicht mehr.
kann wer helfen?
so sieht es jetzt aus..
der 2.te ordner icon und die anzahl usw.. sollten zwischen den namen und des pfeils rechts stehen..
und hier das Script.
//bmcount.uc.js, RC_4
//Ende Mai 2025
//Zeigt Anzahl der Lesezeichenordner und Links an in Lesezeichenpopups
//basiert auf Script von BrokenHeart =>
//https://www.camp-firefox.de/forum/thema/136572-nur-die-anzeige-der-ordner-lesezeichenanzahl-in-einer-anderen-farbe-darstellen/?postID=1269879#post1269879
//Release Candidate 4 =>
//https://www.camp-firefox.de/forum/thema/136572-nur-die-anzeige-der-ordner-lesezeichenanzahl-in-einer-anderen-farbe-darstellen/?postID=1272829#post1272829
//JS Hilfe von Mira_Belle
//Omar Version
(function() {
if (!window.gBrowser)
return;
setTimeout(function() {
setFunction();
},50);
//Einstellungen Javascript =>
//Eigenes Icon erwartet in Profilordner/chrome/icons, icons Ordner falls noetig erstellen
//Eigene Icons eintragen, falls vorhanden
let ProfilePath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons'));
let icon1 = 'Folder.png'; // Custom Folder Icon
let icon2 = 'Link.png'; // Custom Link Icon
let iconPfeil = 'a_export.png'; // Custom Pfeil Icon
let iconPfeil_2 = 'a_import1.png'; // Custom Pfeil Icon hover
//Variablen zur Auswahl der Icons; kein Auto Fallback falls eigenes Icon nicht vorhanden
let icon_folder = 1 // Ordner: 0 Firefox Fallback Icon / 1 eigenes Icon
let icon_link = 1 // Links: 0 Firefox Fallback Icon / 1 eigenes Icon
//Variablen zur Auswahl der Klammern
let bracket = 0; // 0 keine Klammern, 1 runde Klammern, 2 eckige Klammern
//Variablen zur Auswahl der Reihenfolge
let order = 0; // 0 Icons links Ziffern rechts / 1 Ziffern links Icons rechts
//Variablen zur Auswahl der Farben
let bm_colors = 1; // 0 Standardfarben, 1 eigene Farben benutzen
//Variablen zur Auswahl der Trennlinie
// 0 ohne Trennlinie
// 1 ohne Trennlinie + Zaehler #1 = 0 + Icon #2 wird versteckt
// 2 mit Trennlinie
// 3 mit Trennlinie nur bei Zaehler #1 > 0 + Zaehler #1 = 0 + Icon #2 wird versteckt
let trenner = 0;
// Trennlinie Inhalt, beliebiges Textzeichen
let trennzeichen = '|';
//Spielerei Trennlinie Inhalt, experimentell, nur so
//let trennzeichen = '<img src="chrome://browser/skin/bookmark-hollow.svg" alt="/" />'; // Bild
//let trennzeichen = '<div id="trenn_div" style="background:linear-gradient(to right, lightblue, orange); height: 16px; width: 40px;" ></div>'; // Element
function setFunction() {
const css =`
/*
Einstellungen CSS =>
#A Zaehler (Counter) anpassen (nur falls noetig),
#B Feinabstimmung allgemein,
#C Feinabstimmung Zentrierung Trennlinie,
#D eigene Farben anpassen
*/
/*** User Einstellungen ***/
/* A */
/** Feste Breite der beiden Counter, abhaengig von Anzahl Ziffern, AUTO Anpassung für mit/ohne Klammern.
Falls noetig => Werte erhoehen NUR bis Icons untereinander auf gleicher Hoehe sind **/
/* Beispiel 2 Ziffern plus Klammern, Systemfont Mac */
#bmContent:is(
[data-value1^='['],
[data-value1^='(']) {
--bm_width_one: 2.1em;
--bm_width_two: 2.1em;
}
/* Beispiel 2 Ziffern ohne Klammern, Systemfont Mac */
#bmContent {
--bm_width_one: 1.4em;
--bm_width_two: 1.4em;
/* B */
/** Abstaende / Groessen fuer die Counter = Basisanpassungen **/
/* Abstand mittig zwischen Counter #1 <=> Counter #2 / wird x2 benutzt */
--bm_margin_mid: 6px;
/* Groesse Icons = 16px Firefox Standard */
--bm_icon_size: 16px;
/* Abstand zwischen Icon und Ziffer */
--bm_space: 4px;
}
/* C */
/** Trennlinie Feinabstimmung Zentrierung Mitte / Standard = 0px **/
#bmContent.trennclass {
color: var(--trenn_color, initial);
--bm_divider: 0px;
}
/* D */
/* Farben Text / svg! Icons aendern , anpassen nach Belieben */
/* HSL Farben: https://www.w3schools.com/css/css_colors_hsl.asp */
/* Ordner Icon, Zahl / Links Icon, Zahl / Trennlinie */
#bmContent.bm_my_colors {
--folder_fill: #c0c0c0;
--folder_color: yellow;
--link_fill: var(--folder_fill);
--link_color: var(--folder_color);
--trenn_color: var(--folder_color);
}
/** Pfeil rechts eigenes Icon **/
menu.bookmark-item::after {
background-image: url("${ProfilePath}/${iconPfeil}") !important;
fill-opacity: 1 !important;
margin-right: 10px !important;
}
/** Pfeil rechts hover eigenes Icon **/
menu.bookmark-item:hover::after {
background-image: url("${ProfilePath}/${iconPfeil_2}") !important;
}
/** Counter gesamt **/
#bmContent {
display: flex !important;
margin-left: auto !important; /* Gesamt rechtsbuendig */
/*margin-right: -8px !important;*/ /* Abstand rechts zu Pfeil > ist evtl. OS abhaengig, optional */
height: var(--bm_icon_size); /* Layout passt sich Icon Groesse an */
padding-left: 8px; /* min. Abstand links Gesamt für enge Popups */
/* font Aenderungen */
/*font-family: Consolas, "Lucida Console", "Courier New", monospace !important; */
font-size: 12px !important; /* font-size */
font-weight: 900 !important; /* font-weight */
}
/*** User Einstellungen Ende ***/
/*** Feste Werte ***/
/** Reihenfolge Varianten Icons / Ziffern **/
/* order 0: Icons links / Ziffern rechts */
#bmContent {
--bm_padding_inline: calc(var(--bm_icon_size) + var(--bm_space)) 0;
--bm_bg_position: center left;
}
/* order 1: Ziffern links / Icons rechts */
#bmContent.order_2 {
--bm_padding_inline: 0 calc(var(--bm_icon_size) + var(--bm_space));
--bm_bg_position: center right;
}
/** Icons Varianten **/
/* Eigene Icons, falls Icons existieren im icons Ordner */
#bmContent {
--bm_icon_image_1: url("${ProfilePath}/${icon1}");
--bm_icon_image_2: url("${ProfilePath}/${icon2}");
}
/* Firefox Icons Fallback */
#bmContent:is(.icon_fallback_folder, icon_fallback_link) {
--bm_icon_image_1: url("chrome://global/skin/icons/folder.svg");
--bm_icon_image_2: url("chrome://browser/skin/bookmark-hollow.svg");
}
/** Trennlinie Extras **/
/* Verstecken #1 automatisch bei Trennlinie 1/3 , beides = 0 */
#bmContent:is(.trennclass_1, .trennclass_3)::before {
display: none !important;
}
/* Verstecken Icon #2 , Trennlinie 1/3 , beides = 0 */
#bmContent.Null_1.Null_2:is(.trennclass_1, .trennclass_3)::after {
/*content: "X";*/
background-image: linear-gradient(transparent, transparent);
}
/** Counters (Zaehler) **/
/* Counter #1 Ordner */
#bmContent::before {
content: attr(data-value1);
display: flex;
min-width: fit-content;
width: var(--bm_width_one);
padding-inline: var(--bm_padding_inline);
align-items: center;
justify-content: flex-end;
margin-right: var(--bm_margin_mid);
background-image: var(--bm_icon_image_1);
background-position: var(--bm_bg_position);
background-repeat: no-repeat;
background-size: var(--bm_icon_size);
color: var(--folder_color, initial) !important;
fill: var(--folder_fill, initial) !important;
}
/* Counter #2 Links */
#bmContent::after {
content: attr(data-value2);
display: flex;
min-width: fit-content;
width: var(--bm_width_two);
padding-inline: var(--bm_padding_inline);
align-items: center;
justify-content: flex-end;
margin-left: calc(var(--bm_margin_mid) - var(--bm_divider, 0px));
background-image: var(--bm_icon_image_2);
background-position: var(--bm_bg_position);
background-repeat: no-repeat;
background-size: var(--bm_icon_size);
color: var(--link_color, initial) !important;
fill: var(--link_fill, initial) !important;
}
/*** Feste Werte Ende ***/
/** Optionale Extras **/
/* Text vertikal ausrichten */
/*
#bmContent::after,
#bmContent::before {
outline: 1px solid red;
padding-top: 3px;
}
*/
/** Anpassungen bei Zahl = 0 **/
/* Verblassen fuer #1 , #2 , Alles = 0 */
/*
#bmContent.Null_1:not(.Null_2)::before,
#bmContent.Null_2:not(.Null_1)::after,
#bmContent.Null_1.Null_2 {
opacity: 0.5;
}
*/
/* Pfeil rechts > bei Beidem = 0 , optional */
/*
menu.bookmark-item.bm_chevron_00 .menu-right,
menu.bookmark-item.bm_chevron_00::after {
fill: hsl(30, 100%, 50%, 1) !important;
fill-opacity: 1 !important;
}
*/
/** Pfeil rechts Farbe allgemein, optional **/
/*
menu.bookmark-item .menu-right,
menu.bookmark-item::after {
fill: hsl(210, 100%, 50%, 1) !important;
fill-opacity: 1 !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 newbarMenu = document.getElementById('fp-statusbar-1');
let bmbMenu = document.getElementById('bookmarks-menu-button');
let bookMenu = document.getElementById('bookmarksMenu');
let persToolBar = document.getElementById('PersonalToolbar');
if(newbarMenu)
newbarMenu.addEventListener('popupshowing', onPopupShowing );
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;
//Eigenes Element für Zaehler
let bmCounta = item.childNodes[1];
bmCounta.innerHTML = '';
let bmVario = document.createElement("bmElement");
bmVario.id = "bmContent";
bmCounta.appendChild(bmVario);
//Zaehler Design Optionen => ohne/ mit: runde, eckige Klammern
if (bracket === 0) {
strCountOut1 = '' + menuCount + '';
strCountOut2 = '' + menuitemCount + '';
}
if (bracket === 1) {
strCountOut1 = '(' + menuCount + ')';
strCountOut2 = '(' + menuitemCount + ')';
}
if (bracket === 2) {
strCountOut1 = '[' + menuCount + ']';
strCountOut2 = '[' + menuitemCount + ']';
}
bmVario.setAttribute('data-value1', strCountOut1);
bmVario.setAttribute('data-value2', strCountOut2);
// Trennlinie
if (trenner === 2 || trenner === 3 && menuCount !== 0) {
bmVario.insertAdjacentHTML('beforeend', trennzeichen);
bmVario.classList.add('trennclass');
}
if (trenner === 3 && menuCount === 0) {
bmVario.classList.add('trennclass_3');
}
if (trenner === 1 && menuCount === 0) {
bmVario.classList.add('trennclass_1');
}
// Extra class item/ ganzes menu fuer 00, #1 = 0, #2 = 0
if (menuCount === 0 && menuitemCount === 0) {
item.classList.add('bm_chevron_00');
} else {
item.classList.remove('bm_chevron_00');
}
if (menuCount === 0) {
bmVario.classList.add('Null_1');
}
if (menuitemCount === 0) {
bmVario.classList.add('Null_2');
}
// Reihenfolge Varianten Icons / Ziffern
if (order === 1) {
bmVario.classList.add('order_2');
}
// Icons Auswahl
if (icon_folder === 0) {
bmVario.classList.add('icon_fallback_folder');
}
if (icon_link === 0) {
bmVario.classList.add('icon_fallback_link');
}
// Farben Auswahl
if (bm_colors === 1) {
bmVario.classList.add('bm_my_colors');
}
}, 100);
}
}
})();
Alles anzeigen
auch ein Dankeschön von mir an Endor und all Anderen.