In diesem Script NACH dem Text "Anzahl Ordner / Anzahl Links." bzw. "Anzahl Ordner / Anzahl Link(s) -> Link(s) in Tab(s) öffnen" einen Separator setzen.

omar1979

Hallo allen..

Wie der Titel schon sagt, würde ich gerne in diesem Script NACH dem Text "Anzahl Ordner / Anzahl Links." bzw. "Anzahl Ordner / Anzahl Link(s) -> Link(s) in Tab(s) öffnen" einen Separator haben.

Ist es möglich, es in dem Script einzubauen, ohne gross zu ändern?

Hier noch ein Bild, wie es inetwa aussehen sollte. Besten Dank.

Und hier das Script.

JavaScript

//Fügt in den Lesezeichen Ordner ganz oben die Anzahl von Links und Unterordner hinzu.
(function() {

  if (!window.gBrowser)
    return;

  function setFunction() {
    PlacesViewBase.prototype._mayAddCommandsItems =
    function PVB__mayAddCommandsItems(aPopup) {
      let hasMultipleURIs = false;
      let menuitemCount = 0;
      let menuCount = 0;
      if (aPopup._placesNode.childCount > 0) {
        for (let item of aPopup.children) {
          if (item._placesNode) {
            if (item.localName == 'menuitem') {
              menuitemCount++;
            } else if (item.localName == 'menu') {
              menuCount++;
            }
          }
        }
        if (menuitemCount > 0 || menuCount > 0) {
          hasMultipleURIs = true;
        }
      }
      if (!hasMultipleURIs)  {
        aPopup.setAttribute("nofooterpopup", "true");
        if (aPopup._endOptOpenAllInTabs) {
          aPopup.removeChild(aPopup._endOptOpenAllInTabs);
          aPopup._endOptOpenAllInTabs = null;
          aPopup.removeChild(aPopup._endOptSeparator);
          aPopup._endOptSeparator = null;
        }
        return;
      }

      aPopup.removeAttribute("nofooterpopup");
      if (!aPopup._endOptOpenAllInTabs) {
        aPopup._endOptSeparator = document.createXULElement("menuseparator");
        aPopup._endOptSeparator.className = "bookmarks-actions-menuseparator";
        aPopup.insertBefore(aPopup._endOptSeparator, aPopup.firstChild);
        aPopup._endOptOpenAllInTabs = document.createXULElement("menuitem");
        aPopup._endOptOpenAllInTabs.className = "openintabs-menuitem";
        if (this.options?.extraClasses?.entry) {
          aPopup._endOptOpenAllInTabs.classList.add(
            this.options.extraClasses.entry
          );
        }
        aPopup._endOptOpenAllInTabs.setAttribute(
          "oncommand",
          "PlacesUIUtils.openMultipleLinksInTabs(this.parentNode._placesNode, event, " +
            "PlacesUIUtils.getViewForNode(this));"
        );
        aPopup._endOptOpenAllInTabs.setAttribute(
          "onclick",
          "checkForMiddleClick(this, event); event.stopPropagation();"
        );
        aPopup.insertBefore(aPopup._endOptOpenAllInTabs, aPopup.firstChild);
      }


      let label = menuCount + " Ordner";
        label += " / " + menuitemCount + " Link"
        if (menuitemCount != 1) {
          label += "s";
        }      
                
        if (menuitemCount == 1) {
          label += " -> Link in Tab öffnen."
        } else if (menuitemCount > 1) {
          label += " -> Links in Tabs öffnen."
        }

      aPopup._endOptOpenAllInTabs.setAttribute("label", label);
    }
  }

  setTimeout(function() {
      setFunction();
  },50);
  
})();

Alles anzeigen

BrokenHeart

Dann hast du vermutlich irgendwas selbst "verbastelt", da ja im Skript der Separator extra eingefügt wird:

omar1979

Zitat von BrokenHeart

Dann hast du vermutlich irgendwas selbst "verbastelt", da ja im Skript der Separator extra eingefügt wird:

Ich habe in allen Popups die Separatoren mit css entfernt. Wenn ich jetzt die lösche, dann tauchen überall wieder Separatoren auf.

Horstmann

Zitat von omar1979

Zitat von BrokenHeart

Dann hast du vermutlich irgendwas selbst "verbastelt", da ja im Skript der Separator extra eingefügt wird:

Ich habe in allen Popups die Separatoren mit css entfernt. Wenn ich jetzt die lösche, dann tauchen überall wieder Separatoren auf.

Was ist denn dein CSS Code dafür?

omar1979

Zitat von Horstmann

Was ist denn dein CSS Code dafür?

Das wäre eine.

CSS

/* Menü-Separator von allen Menüs im Menübar entfernen*/
#main-menubar menuseparator {
  display: none !important;
  }

bin jetzt nicht sicher, haber aber glaub für hamburger-menü ein separates. für die anderen weiss ich nicht,

Hamburger-Menü⬇️

CSS

/* Separatoren entfernen */
    
    #appMenu-protonMainView > vbox:nth-child(1) > toolbarseparator:nth-child(n+8) {
    display: none !important;
    }

Horstmann

Probier vielleicht das mal, zusätzlich zu deinem Code:

CSS

menuseparator.bookmarks-actions-menuseparator {
    display: flex !important;
}

omar1979

Zitat von Horstmann

Probier vielleicht das mal, zusätzlich zu deinem Code:

Zu welchem code?

Mira_Belle

Zitat von omar1979

CSS

/* Menü-Separator von allen Menüs im Menübar entfernen*/
#main-menubar menuseparator {
  display: none !important;
  }

.

Du wirst diesen Code ersetzen müssen!

D.H. Du musst jeden Separator in Deinen Menüs einzeln ansprechen müssen,

also alle, die Du ausblenden willst, bis auf den Einen, den Du halt behalten willst.

Es sei denn, es gäbe eine Möglichkeit per CSS EINE Ausnahme für genau EIN Element zu definieren.

Glaube ich aber nicht!

omar1979

Zitat von omar1979
Zitat von Horstmann

Was ist denn dein CSS Code dafür?

Das wäre eine.
CSS
/* Menü-Separator von allen Menüs im Menübar entfernen*/
#main-menubar menuseparator {
  display: none !important;
  }
bin jetzt nicht sicher, haber aber glaub für hamburger-menü ein separates. für die anderen weiss ich nicht,
Hamburger-Menü⬇️
CSS
/* Separatoren entfernen */
    
    #appMenu-protonMainView > vbox:nth-child(1) > toolbarseparator:nth-child(n+8) {
    display: none !important;
    }

Da hab ich jetzt noch eine Code gefunden. Welches das anspricht weiss ich grad nicht und steht auch nichts.

Wobei ich im Kontextmenü-Rechtsklick.css gefunden habe.

CSS

    menupopup menuseparator{
    display: none !important;}

2002Andreas

Zitat von omar1979

Wobei ich im Kontextmenü-Rechtsklick.css gefunden habe.

Das entfernt überall die Separatoren.

Wenn du die nur in diesem Popup meinst:

Dann:

CSS

  #contentAreaContextMenu menuseparator {
    display: none !important;
 }

Mira_Belle

Zitat von omar1979
Da hab ich jetzt noch eine Code gefunden. Welches das anspricht weiss ich grad nicht und steht auch nichts.
Wobei ich im Kontextmenü-Rechtsklick.css gefunden habe.
CSS
    menupopup menuseparator{
    display: none !important;}

Den kannst Du ignorieren, der betrifft nur die Separatoren in den Pop-ups!

In etwa so sollte der zu ersetzende Code ausschauen!

CSS

#menu_FilePopup > menuseparator,
#menu_EditPopup > menuseparator,
#menu_viewPopup > menuseparator,
#sanitizeSeparator,
#startHistorySeparator,
#devToolsSeparator,
#prefSep,
#aboutSeparator,
#bookmarksMenuPopup > menuseparator:nth-child(4),
#bookmarksMenuPopup > menuseparator:nth-child(7),
#bookmarksMenuPopup > menuseparator:nth-child(11),
#bookmarksMenuPopup > menuseparator:nth-child(13) {
  display: none !important;
}

Alles anzeigen

Bei den Separatoren in dem Lesezeichenmenü #bookmarksMenuPopup > menuseparator:nth-child(X!)

kann es sein, dass die Werte X! andere sind, da musst Du halt mal schauen!

Horstmann

Zitat von omar1979

Zitat von Horstmann

Probier vielleicht das mal, zusätzlich zu deinem Code:

Zu welchem code?

Zu dem den du schon hast, mit dem alle Separatoren aus sind; einfach mal den extra Code mit in die userChrome.css reinbauen.

Der Code den du gepostet hast schaltet den vom Script generierten Separator bei mir übrigens nicht aus, aber ist egal.

Zitat von Mira_Belle
Zitat von omar1979
CSS
/* Menü-Separator von allen Menüs im Menübar entfernen*/
#main-menubar menuseparator {
  display: none !important;
  }
.
D.H. Du musst jeden Separator in Deinen Menüs einzeln ansprechen müssen,
also alle, die Du ausblenden willst, bis auf den Einen, den Du halt behalten willst.
Es sei denn, es gäbe eine Möglichkeit per CSS EINE Ausnahme für genau EIN Element zu definieren.
Glaube ich aber nicht!

Geht schon im Prinzip:

CSS

menuseparator:not(.bookmarks-actions-menuseparator) {
  display: none !important;
  }

Oder sowas, mit spezifischerem Code den allgemeineren aushebeln:

CSS

menuseparator {
  display: none !important;
  }


menuseparator.bookmarks-actions-menuseparator {
    display: flex !important;
}

Kommt halt immer drauf an, gibt ja diverse Separatoren, die man evtl. mal mehr oder weniger leicht ansprechen kann.

Horstmann

Zitat von omar1979
Zitat von omar1979
Zitat von Horstmann

Was ist denn dein CSS Code dafür?

Das wäre eine.
CSS
/* Menü-Separator von allen Menüs im Menübar entfernen*/
#main-menubar menuseparator {
  display: none !important;
  }
Da hab ich jetzt noch eine Code gefunden. Welches das anspricht weiss ich grad nicht und steht auch nichts.
Wobei ich im Kontextmenü-Rechtsklick.css gefunden habe.
CSS
    menupopup menuseparator{
    display: none !important;}

~~Verstehe, dann vielleicht sowas, wenn der andere Code nicht geht:~~

~~Korrektur, beide deiner Codes sprechen bei mir nicht die gewünschten Separatoren an, und schalten sie auch nicht ab.~~

~~Also vielleicht doch einfach das in die bestehende userChrome.css, oder noch besser erstmal den exakten Code finden, der auch diese speziellen Separatoren versteckt.~~

UUUnd nochmal Korrektur, sorry...

menupopup ...etc. spricht auch diese Separatoren an, vielleicht ist das der relevante Code, falls es nicht noch andere gibt für diese Elemente.

Eine oder veilleicht beide dieser Varianten könnte klappen, in die userChrome.css zum unveränderten alten Code:

CSS

menuseparator.bookmarks-actions-menuseparator {
    display: flex !important;
}

CSS

menupopup menuseparator.bookmarks-actions-menuseparator {
    display: flex !important;
}

Mira_Belle

AH

Nun verstehe ich Deinen Code! Horstmann

Wenn omar1979 seinen Code

CSS

/* Menü-Separator von allen Menüs im Menübar entfernen*/
#main-menubar menuseparator {
  display: none !important;
  }

durch diesen ersetzt

CSS

menuseparator:not(.bookmarks-actions-menuseparator) {
  display: none !important;
}

erhält er das von ihm erwünschte Ergebnis.

Es werden ALLE Separatoren entfernt, bis auf den gewünschten

und das sogar in den Pop-ups!

omar1979

Zitat von Mira_Belle

Es werden ALLE Separatoren entfernt, bis auf den gewünschten
und das sogar in den Pop-ups!

Alle ausser die Separatoren im Hamburger-Menü, für der ich zum Glück schon eine Code hatte.

Danke euch.

omar1979

Kann mir noch bitte jemand sagen, wie ich diese 3 separatoren (im Chronik, Lesezeichen-Menü und Lesezeichen-Symbolleiste) eine andere farbe geben und etwas fetter machen kann?

Mit dieser Code:

CSS

menuseparator.bookmarks-actions-menuseparator {
     color: red !important;
    }

Konnte ich nur den im Lesezeichen-Symbolleiste rot färben und die andern nicht.

Mira_Belle

Versuche doch einmal:

CSS

    menuseparator {
        border: 3px outset red !important;        
    }

omar1979

Zitat von Mira_Belle

Versuche doch einmal:

Danke Mira_Belle zwar eine andere Code, aber ähnliches Verhalten habe ich auch schon getestet.

Deine Code bewirkt das. Siehe Bilder.

Menü Chronik. Gut. ------------------ Menü Lesezeichen. Gut. ----------------- Lesezeichen-Symbolleiste. Nicht gut.

⬇️ ----------------------------------------- ⬇️ --------------------------------------------- ⬇️

Wirkt nicht überall das Gleiche. Leider.

Horstmann

Zitat von omar1979

Deine Code bewirkt das. Siehe Bilder.
Menü Chronik. Gut. ------------------ Menü Lesezeichen. Gut. ----------------- Lesezeichen-Symbolleiste. Nicht gut.
Wirkt nicht überall das Gleiche. Leider.

Dann könnte es gut sein, dass du schon CSS Code benutzt, der die Separatoren in verschiedenen Bereichen verschieden modifiziert.

Genauer gesagt, alles was als dünne rote Linie auftaucht - mit dem Code von Mira - ist von dir geändert worden, das mit der nach aussen versetzten Umrandung ist normal.

Die Separatoren haben normalerweise Padding, und die Outlines/Borders sitzen am Rand des Ganzen.

Also solltest du die Codes für alle Separatoren raussuchen und nach padding/margin/height etc. schauen.

Für nur die Farbe von nur der Linie könnte sowas funktionieren, falls nicht wieder was querschiesst:

CSS

menuseparator {
        color: red !important;        
        /*background-color: green !important;*/
}

Der auskommentierte Teil für background-color sollte die tatsächliche Grösse illustrieren können.

Oder sowas:

CSS

menuseparator::before {
     border-top: 42px solid red !important;
}

omar1979

Ich hab jetzt mit Ultrasearch en chrome ordner den inhalt der dateien nach "Separator" durchsucht.

und habe diese Dateien gefunden.

Jetzt öffne ich alle CSS-Dateien und untersuche sie nach Separator und füge die Coden hier. Da ich denke, dass die Scripte nichts dergeleichen haben, lasse ich die sein.

Lesezeichen.css

CSS

    #placesContext_new\:separator{
    appearance: none !important;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJ0lEQVQ4jWNgGAXDBRinzfxPDoYbkDbzzH/jtJn/SaUH0M+jgLoAAIxgQYxuqERlAAAAAElFTkSuQmCC") no-repeat !important;
    min-height: 24px!important;
    padding-left:28px!important;
    background-position:6px 8px!important;}

    #placesContext_new\:separator:hover{
    appearance: none !important;
    margin-right: -1px !important;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJ0lEQVQ4jWNgGAXDBRinzfxPDoYbkDbzzH/jtJn/SaUH0M+jgLoAAIxgQYxuqERlAAAAAElFTkSuQmCC") no-repeat !important;    
    min-height: 24px!important;
    padding-left:28px!important;
    background-position:5px 8px!important;}

Alles anzeigen

MenuLeiste.css

Hier ist die Code deaktiviert, also kann das nicht sein.

CSS

/* Menü-Separator von allen Menüs im Menübar entfernen
#main-menubar menuseparator {
  display: none !important;
  }*/

TabLeiste.css

Das kann auch nicht sein, da ess die Separatoren in der TabLeiste angeht. Denk ich mal.

CSS

#allTabsMenu-tabsSeparator {
  border-top: 1px solid white !important;
}

HamburgerMenu.css

CSS

    /* Separatoren entfernen */
    
    #appMenu-protonMainView > vbox:nth-child(1) > toolbarseparator:nth-child(n+8) {
    display: none !important;
    }

    #appMenu-zoom-controls > toolbarseparator:nth-child(7){
    display: none!important
    }

Kontextmenu-Rechtsklick.css

Das ist auch deaktiviert.

CSS

    /*
    menupopup menuseparator{
    display: none !important;}
    */

MenuTabsNavLesezeichenToolbarAenderungen.css

Das sind die beiden AKTUELLEN Coden, die ich zur Zeit für diese Änderungen von Separatoren benütze.

CSS

    /* Alle Separatoren in allen Menüs, Popups, usw.. entfernen, ausser: bookmarks-actions-menuseparator */
    menuseparator:not(.bookmarks-actions-menuseparator) {
    display: none !important;
    }
    /* Separator im bookmarks-actions-menuseparator färben */
    menuseparator {
    border: 1px outset red !important;        
    }

So. Das waren die Coden, die was mit Separator zu tun haben.

Ich glaube und hoffe, dass die damit nichts zutun haben.

In diesem Script NACH dem Text "Anzahl Ordner / Anzahl Links." bzw. "Anzahl Ordner / Anzahl Link(s) -> Link(s) in Tab(s) öffnen" einen Separator setzen.

omar1979 17. Juli 2023 um 12:41

Ähnliche Themen

Nur die Anzeige der Ordner/Lesezeichenanzahl in einer anderen Farbe darstellen

Firefox 113 Probleme mit TABs und Kontext Menü

Anzahl Unterordner und Lesezeichen im Ordner Anzeigen nach unten

ShadowRoot: Neue Aufruf-Methode für CSS-Regeln