Link im Ordner in der LZLeiste farblich ändern

2002Andreas

Zitat von harff182

Kein "Alter" fühlt sich angesprochen...

CSS

/*    36_Lesezeichen_pimpen.css    
    mit Hilfe von Andy in meiner Nachfrage:
    https://www.camp-firefox.de/forum/thema/133931/?postID=1192141#post1192141

     211210:    Fontspielereien am Lesezeichen-Zeilen-Text ;) 
            font-weight: 400 = normal
            font-weight: 500 = medium 
            font-weight: 600 = semi bold 
            font-weight: 700 = bold
            https://developer.mozilla.org/de/docs/Web/CSS/font-weight#summary
    
    220811:    Son Goku: einzelne Labels einfärben
*/
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menu.menu-iconic.bookmark-item,
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menuitem.menuitem-iconic.bookmark-item,
#PlacesToolbarItems > .bookmark-item > .toolbarbutton-text {
    font-weight: 700 !important;    
    font-size: 11px !important;
}


/*    220811:    einzelne Bookmark-Labels einfärben
            Son Goku:    https://www.camp-firefox.de/forum/thema/135124 
*/
/*    alles Ordner in der Lesezeichenleiste: */
.bookmark-item[label="2 do"] {
        font-weight: 700  !important;
        color:red !important;        
    }
.bookmark-item[label="DZ2do"] {
        font-weight: 700  !important;
        color:red !important;        
    }
    
.bookmark-item[label="YTer"] {
        font-weight: 700  !important;
        color:red !important;        
    }
    
.bookmark-item[label="Stau"] {
        font-weight: 700  !important;
        color:red !important;        
    }
    
/*    wenn es ein Link in einem Ordner sein soll, klappt das hier... */
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menuitem.menuitem-iconic.bookmark-item[label="Startseite"] {
        font-weight: 700  !important;
        color:red !important;        
}
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menuitem.menuitem-iconic.bookmark-item[label="Startseite - Stadtwerke Düsseldorf AG"] {
        font-weight: 700  !important;
        color:red !important;        
}

#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menuitem.menuitem-iconic.bookmark-item[label="Spezial Drähte - Zivipf.de"] {
        font-weight: 700  !important;
        color:red !important;        
}

/*    aber wenn es der Ordner "Alter" in dem Ordner "YTer" sein soll ?? 
    Andys Vorschlag:
*/

#PlacesToolbarItems > .bookmark-item > .toolbarbutton-text,
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menu.menu-iconic.bookmark-item,
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menuitem.menuitem-iconic.bookmark-item:not([label="Alter"])
{
    color: darkblue !important;
    font-size: 10px !important
}

toolbarbutton.bookmark-item menupopup menuitem.menuitem-iconic.bookmark-item[label="Alter"] {
    font-weight: bold !important;
    font-size: 10px !important;
    color: #F20 !important;
}

Alles anzeigen

Bei 2 Einträgen, in diesem Fall "ALTER123":

CSS

/*    36_Lesezeichen_pimpen.css    
    mit Hilfe von Andy in meiner Nachfrage:
    https://www.camp-firefox.de/forum/thema/133931/?postID=1192141#post1192141

     211210:    Fontspielereien am Lesezeichen-Zeilen-Text ;) 
            font-weight: 400 = normal
            font-weight: 500 = medium 
            font-weight: 600 = semi bold 
            font-weight: 700 = bold
            https://developer.mozilla.org/de/docs/Web/CSS/font-weight#summary
    
    220811:    Son Goku: einzelne Labels einfärben
*/
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menu.menu-iconic.bookmark-item,
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menuitem.menuitem-iconic.bookmark-item,
#PlacesToolbarItems > .bookmark-item > .toolbarbutton-text {
    font-weight: 700 !important;    
    font-size: 11px !important;
}


/*    220811:    einzelne Bookmark-Labels einfärben
            Son Goku:    https://www.camp-firefox.de/forum/thema/135124 
*/
/*    alles Ordner in der Lesezeichenleiste: */
.bookmark-item[label="2 do"] {
        font-weight: 700  !important;
        color:red !important;        
    }
.bookmark-item[label="DZ2do"] {
        font-weight: 700  !important;
        color:red !important;        
    }
    
.bookmark-item[label="YTer"] {
        font-weight: 700  !important;
        color:red !important;        
    }
    
.bookmark-item[label="Stau"] {
        font-weight: 700  !important;
        color:red !important;        
    }
    
/*    wenn es ein Link in einem Ordner sein soll, klappt das hier... */
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menuitem.menuitem-iconic.bookmark-item[label="Startseite"] {
        font-weight: 700  !important;
        color:red !important;        
}
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menuitem.menuitem-iconic.bookmark-item[label="Startseite - Stadtwerke Düsseldorf AG"] {
        font-weight: 700  !important;
        color:red !important;        
}

#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menuitem.menuitem-iconic.bookmark-item[label="Spezial Drähte - Zivipf.de"] {
        font-weight: 700  !important;
        color:red !important;        
}

/*    aber wenn es der Ordner "Alter" in dem Ordner "YTer" sein soll ?? 
    Andys Vorschlag:
*/

#PlacesToolbarItems > .bookmark-item > .toolbarbutton-text,
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menu.menu-iconic.bookmark-item,
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menuitem.menuitem-iconic.bookmark-item:not([label="Alter"], [label="ALTER123"])
{
    color: darkblue !important;
    font-size: 10px !important
}

toolbarbutton.bookmark-item menupopup menuitem.menuitem-iconic.bookmark-item[label="Alter"], [label="ALTER123"]
{
    font-weight: bold !important;
    font-size: 10px !important;
    color: #F20 !important;
}

Alles anzeigen

2002Andreas

Zitat von harff182

den "schuldigen" Bereich komplett auskommentiert

Wenn du magst, dann teste bitte.

Ich habe deinen Code mal kompl. neu erstellt.

Sieht hier so aus damit:

CSS

#PlacesToolbarItems > .bookmark-item:not([label="Stau"], [label="2 do"], [label="DZ2do"]),
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menu,
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menuitem:not([label="Alter"], [label="Alter123"])
{
    font-weight: 700 !important;
    color: darkblue !important;
    font-size: 11px !important
}

#PlacesToolbarItems toolbarbutton.bookmark-item[label="YTer"], [label="Stau"], [label="2 do"], [label="DZ2do"],
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menuitem[label="Alter"] {
    font-weight: bold !important;
    font-size: 11px !important;
    color: #F20 !important;
}

#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menuitem[label="Alter123"] {
    font-weight: bold !important;
    font-size: 11px !important;
    color: green !important;
}

Alles anzeigen

harff182

Zitat von 2002Andreas

Wenn du magst, dann teste bitte.
Ich habe deinen Code mal kompl. neu erstellt.
Sieht hier so aus damit:

Sicher mag ich und werd ich nachher (nach Mittag, wenn mir die Pflege meiner Mom Zeit läßt) auch machen.

bis später...

harff182

Hab mal kurz drübergeguckt, währen der Reis kocht

Das paßt so nicht.

"YTer", "2 do" und "DZ2do" sind Ordner in der Lesezeichenleiste.

"Stau" ist ein Link in der Lesezeichenleiste.

"Alter" ist ein Ordner im Ordner "YTer".

2002Andreas

Zitat von harff182

"YTer", "2 do" und "DZ2do" sind Ordner in der Lesezeichenleiste.

Siehe meinen Screenshot. Die habe ich als Ordner angelegt

Teste bitte:

CSS

#PlacesToolbarItems > .bookmark-item:not([label="Stau"], [label="2 do"], [label="DZ2do"]),
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menu,
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menuitem
{
    font-weight: 700 !important;
    color: darkblue !important;
    font-size: 11px !important
}

#PlacesToolbarItems toolbarbutton.bookmark-item[label="YTer"], [label="Stau"], [label="2 do"], [label="DZ2do"],
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menu[label="Alter"] {
    font-weight: bold !important;
    font-size: 11px !important;
    color: #F20 !important;
}

Alles anzeigen

harff182

"Alter" wird hier nicht rot:

2002Andreas

Zitat von harff182

"Alter" wird hier nicht rot:

Das sieht auch nicht wie ein Ordner aus

Alter 2/0 ist ein Ordner.

2002Andreas

CSS

#PlacesToolbarItems > .bookmark-item:not([label="Stau"], [label="2 do"], [label="DZ2do"]),
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menu,
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menuitem
{
    font-weight: 700 !important;
    color: darkblue !important;
    font-size: 11px !important
}

#PlacesToolbarItems toolbarbutton.bookmark-item[label="YTer"], [label="Stau"], [label="2 do"], [label="DZ2do"],
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menu[label="Alter 2 / 0"] {
    font-weight: bold !important;
    font-size: 11px !important;
    color: #F20 !important;
}

Alles anzeigen

harff182

Der Ordnername ist "Alter".

Das wird mir auch bei "Ordner bearbeiten" angezeigt.

"Alter 2/0" entsteht durch ein script von aborix, das anzeigt, wieviel Files/Folder in einem Ordner sind.

Ich hab das script mal ausgeschaltet und erhalte:

2002Andreas

Zitat von harff182

Der Ordnername ist "Alter".

Keine Ahnung was dir dazwischen funkt

Laut meinen Screenshots funktioniert das hier einwandfrei.

Egal ob Alter ein Ordner oder ein Link ist (je nach Code eben)

harff182

Dann lassen wirs dabei bewenden.

Wäre nur ein nettes Goodie gewesen, is ja nich lebenswichtig.

Danke für Deine Bemühungen...

2002Andreas

Zitat von harff182

Dann lassen wirs dabei bewenden.

Letzter Versuch

CSS

#PlacesToolbarItems > .bookmark-item:not([label="Stau"], [label="2 do"], [label="DZ2do"]),
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menu,
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menuitem
{
    font-weight: 700 !important;
    color: darkblue !important;
    font-size: 11px !important
}


#PlacesToolbarItems toolbarbutton.bookmark-item[label="YTer"], [label="Stau"], [label="2 do"], [label="DZ2do"],
#PlacesToolbarItems toolbarbutton.bookmark-item menupopup menu[label*="Alter"]:not([label*="Alter 2"]) {
    font-weight: bold !important;
    font-size: 11px !important;
    color: #F20 !important;
}

Alles anzeigen

Dieses Script habe ich mir mal installiert. Ich denke, es ist das was du meintest.

JavaScript

(function() {

  if (!window.gBrowser)
    return;

  function setFunction() {

    PlacesViewBase.prototype._onPopupShowing = function PVB__onPopupShowing(aEvent) {
      let popup = aEvent.originalTarget;
      this._ensureMarkers(popup);
      if ("_delayedRemovals" in popup) {
        while (popup._delayedRemovals.length) {
          popup.removeChild(popup._delayedRemovals.shift());
        }
      }
      if (!(popup._placesNode && PlacesUIUtils.getViewForNode(popup) == this))
        return;
      if (!popup._placesNode.containerOpen) {
        popup._placesNode.containerOpen = true;
      }
      if (!popup._built) {
        this._rebuildPopup(popup);
      }
      this._mayAddCommandsItems(popup);

      /* original function end */

      popup.addEventListener('popupshown', () => {
        for (let item of popup.children) {
          if (item.localName != 'menu' || item.id?.startsWith('history'))
            continue;
          let itemPopup = item.menupopup;
          itemPopup.openPopup();
          itemPopup.hidePopup();
          let menuitemCount = ;
          let menuCount = ;
          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++;
              }
            }
          }
          if (!item.labelOriginal) {
            item.labelOriginal = item.label;
          }
          item.labelSuffix = '  ' + menuitemCount + ' / ' + menuCount;
          item.label = item.labelOriginal + item.labelSuffix;
        }
        popup.firstChild.scrollIntoView();
      }, {once: true});

      popup.addEventListener('popuphidden', function onPopuphidden(event) {
        if (event.target != this)
          return;
        popup.removeEventListener('popuphidden', onPopuphidden);
        for (let item of popup.children) {
          if (item.localName == 'menu') {
            if (item.labelOriginal) {
              item.label = item.labelOriginal;
              item.labelOriginal = undefined;
            }
          }
        }
      });
    }

  }

  let intId = setInterval(() => {
    if (window.PlacesViewBase) {
      clearInterval(intId);
      setFunction();
    }
  }, 500);

})();

Alles anzeigen

harff182

Kurztest, bevor ich mich um Abendessen und -pflege für meine Mom kümmern muß:

:huepf:

Dann werd ich heute Abend mal gucken, was ich mit dem Codeschnipsel für Schindluder treiben kann.

DANKE !!!

2002Andreas

Zitat von harff182

was ich mit dem Codeschnipsel für Schindluder treiben kann.

Dann viel Spaß dabei

Zitat von harff182

DANKE !!!

Gerne doch.

harff182

Zitat von 2002Andreas

Dann viel Spaß dabei

Hab ich schon:

Ich weis, daß wenigen mein buntes Gummibärchen-Layout gefällt, aber is schon erstaunlich, was man aus dem Code-Schnipsel von 2002Andreas herausholen kann...

Abendpflege vorbei - Guuts nächtle und schönes Wochenende allerseits

2002Andreas

Zitat von harff182

daß wenigen mein buntes Gummibärchen-Layout gefällt

Es muss nur dir gefallen

Zitat von harff182

aus dem Code-Schnipsel

Freut mich wenn du damit weitere Änderungen machen konntest.

Zitat von harff182

schönes Wochenende allerseits

Danke, das wünsche ich dir auch

harff182 12. August 2022 um 17:28