Lesezeichenmenü anpassen

NoNameNeeded

Bekommt man es irgendwie hin, dass das Menü der Lesezeichen genauso aussieht wie alle anderen Menüs?
Standardmäßig ist es weiß, im Gegensatz zu allen anderen Menüs (bei mir zumindest) und hat abgerundete Ecken usw.

Die Farbe konnte ich immerhin anpassen, nicht aber die Ecken und auch sonst nichts (z.B. den großen Abstand zwischen den Einträgen zu verringern).

Damit konnte ich die Hintergrund- und die Schriftfarbe anpassen, der Rest wird aber ignoriert:

CSS

/*bookmarks toolbar*/
#PlacesToolbar menupopup[placespopup="true"] {
  --arrowpanel-background: #C0C0C0 !important;
  --arrowpanel-color: black !important;
 padding: 0px !important;
border-radius: 0px; !important;
border-top-left-radius: 0px; !important;
    border-top-right-radius: 0px; !important;
    border-bottom-right-radius: 0px; !important;
    border-bottom-left-radius: 0px; !important;
border: 0px solid !important;
  border-left: 0px solid !important;
  border-top: 0px !important;
border-right: 0px solid !important;
border-bottom: 0px solid !important;

}

Alles anzeigen

NoNameNeeded

Habe jetzt noch etwas zusätzliches gefunden, damit ist immerhin der Abstand zwischen den Einträgen kleiner und border auf 0px setzen funktioniert nun doch.

Es ist besser als vorher, aber wirklich zufrieden bin ich damit nicht.

Der abgerundeten Ecken lassen sich nicht entfernen (obwohl diese schon eckig werden wenn man es in den Browser-Werkzeugen ändert.

CSS

/*** Tighten up drop-down/context/popup menu spacing (8 Sep 2021) ***/

menupopup:not(.in-menulist) > menuitem, 
menupopup:not(.in-menulist) > menu {
  padding-block: 2px !important; /* reduce to 3px, 2px, 1px or 0px as needed */ 
  min-height: unset !important; /* v92.0 - for padding below 4px */
padding-left: 0px !important;
}
:root {
  --arrowpanel-menuitem-padding: 4px 8px !important;
}

/*bookmarks toolbar*/
#PlacesToolbar menupopup[placespopup="true"] {

border-top-left-radius: 0px; !important;
    border-top-right-radius: 0px; !important;
    border-bottom-right-radius: 0px; !important;
    border-bottom-left-radius: 0px; !important;
  --arrowpanel-background: #C0C0C0 !important;
  --arrowpanel-color: black !important;
  padding: 5px !important;


border: 0px solid !important;
  border-left: 0px solid !important;
  border-top: 0px !important;
border-right: 0px solid !important;
border-bottom: 0px solid !important;

}

Alles anzeigen

Wie auch immer, eigentlich verwende ich für alle Menüs diesen Code hier, der den Menüs einen "3D"-Charakter verleiht:

CSS

@media (-moz-windows-classic)
{
    /* Windows Classic theme: Make context menu 3D again! */
    menupopup
    {
        padding: 1px !important;
        border: 2px solid transparent !important;
        border-image-source: url('image/3dbase/contextmenu.svg') !important;
        border-image-slice: 2 !important;
        border-image-width: 2px !important;
        border-image-repeat: repeat !important;
    }
}

Alles anzeigen

Leider wird das vom Lesezeichenmenü komplett ignoriert (ist ja auch "klar", denn sonst würde es ja sowieso aussehen wie alle anderen Menüs).

Geht auch nicht, oder?

NoNameNeeded

Hab's jetzt hinbekommen, allerdings nur mit der Funktion:

Code

//  ExecUserChrome.uc.js

(async function() {

   if (location != 'chrome://browser/content/browser.xhtml') return;
       
    try {
        
          let path = OS.Path.join(OS.Constants.Path.profileDir, 'chrome', 'Bookmarksmenu.css');
          let cssIn = await IOUtils.readUTF8(path);

          let sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
          let uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(cssIn));
          sss.loadAndRegisterSheet(uri, sss.AUTHOR_SHEET);
    
       } catch(e) { };        
   
})();

Alles anzeigen

Und hier der css-Code:

CSS

/*** Tighten up drop-down/context/popup menu spacing (8 Sep 2021) ***/

menupopup:not(.in-menulist) > menuitem, 
menupopup:not(.in-menulist) > menu {
  padding-block: -1px !important; /* reduce to 3px, 2px, 1px or 0px as needed */ 
  min-height: unset !important; /* v92.0 - for padding below 4px */
padding-left: 0px !important;
padding-right: 0px !important;
padding-bottom: 4px !important;
padding-top: 0px !important;



}
:root {
  --arrowpanel-menuitem-padding: 4px 8px !important;

}

/*bookmarks toolbar*/
#PlacesToolbar menupopup[placespopup="true"] {

  --arrowpanel-background: #C0C0C0 !important;
  --arrowpanel-color: black !important;
margin-left: 10px !important;
margin-top: 2px !important;
}

#PlacesToolbar menupopup[placespopup="true"]::part(content), #PlacesToolbar menupopup

[placespopup="true"]::part(arrowscrollbox), #PlacesToolbar menupopup {
  border-radius: 0px !important;

}


#PlacesToolbar menupopup::part(content) {
  box-shadow: 0 0 0px rgba(0,0,0,0.2);
  background: var(--arrowpanel-background);
  color: var(--arrowpanel-color);
  border: 0px solid var(--arrowpanel-border-color);
  margin-block: 0px 0px;
  margin-inline: -1px -1px;
margin-top: -1px !important;
margin-bottom: -1px !important;

}

Alles anzeigen

Wird wahrscheinlich nicht so viele interessieren, aber vllt. ja doch eines Tages...

Lesezeichenmenü anpassen

Ähnliche Themen

Abhängigkeit der userChrome.css ....

alte Lesezeichen Liste ( Icon In Buchform) wird nicht mehr angezeigt

FF89 Tableiste unten und Tabs mittig