Einzelner Lesezeichenordner in nav-bar - möglich ?

Horstmann

Aus der beliebten Serie : Das braucht kein Mensch - oder vielleicht doch ? , hier ein Extra dem ich schon lange hinterher jage .

Ein einzelner, voll funtionsfähiger Lesezeichenordner in der nav-bar, oder sonstwo, benutzbar als verschiebbarer toolbar Button , das wäre ein Träumchen .

Voll funktionsfähig hiesse, dass der Button agiert wie ein normaler bookmark-item Ordner aus der Lesezeichensymbolleiste - also inkl. standard Popup Fenster und belegbar in der Bibliothek etc. .

Hat zufällig jemand so eine Art von Script schon mal gesehen, oder benutzt es vielleicht sogar ?

Gefunden habe ich noch nichts, trotz langer Suche .

So was von Grund auf zu entwerfen wäre vermutlich zu aufwendig in diesem Rahmen, daher die Frage nach evtl. existierenden Lösungen oder Ansätzen .

Der Sinn der Sache wäre, dass man die Lesezeichenleiste geschlossen halten, aber trotzdem auf einen Ordner mit seinen meist benutzten Lesezeichen direkt aus der nav-bar oder sonstigen toolbars zugreifen kann - ohne Sidebar(!), Lesezeichenmenü oder individuelle Link Buttons .

Mira_Belle

Willst Du möchtest einen verschiebbaren Button, wo beim Betätigen ein Popup aufgeht,

in dem Lesezeichen anklickbare abgelegt sind?

Verstehe ich das richtig?

Horstmann

Genau !

uwe_p

Solche Gedanken hatte ich auch schon, oder auch in der Tab-Leiste.
Weil bei mir selten mehr als 3 Tabs offen sind,
hab ich rechts zur Verschönerung ein animiertes Farbspiel
eingebaut,
aber dort zwecks Platzgewinn durch Verzicht auf die Lesezeichenleiste
einige Ordner zu haben, ist auch interessant.

2002Andreas

Zitat von Horstmann

Ein einzelner, voll funtionsfähiger Lesezeichenordner in der nav-bar

Vorweg, ich habe keine Ahnung von Skripten.

Trotzdem habe ich mal etwas gebastelt, evtl. kann man das ja als Grundlage für ein besseres Skript nutzen.

Ich habe mal den Menüeintrag aus Lesezeichen > Weitere Lesezeichen verschiebbar gemacht.

So sieht das dann aus:

Was nicht funktioniert:

Es wird kein Tooltip angezeigt bei hover mit der Maus.

Es lässt sich kein neues Lesezeichen aus der Urlbar in den Ordner reinziehen, nur über Lesezeichen speichern.

~~So sieht das gebastelte Skript dafür aus:~~

JavaScript

//Weitere Lesezeichen aus Menü Lesezeichen verschiebbar.uc.js

(function() {
  if (location != 'chrome://browser/content/browser.xhtml')
    return;  

  var css =`
#ucjs_menu_unsortedBookmarks {
   font-size: 0 !important;
   width: 30px !important;
}

#menu_unsortedBookmarks.menu-iconic.bookmark-item hbox.menu-right {
   list-style-image: none !important;
}

#menu_unsortedBookmarks > hbox {
   height: 30px !important; 
   padding-right: 0 !important;
   padding-left: 0 !important;
   border-radius: 5px !important;
   width: 30px !important;
}
  
#menu_unsortedBookmarks:hover > hbox {
   background-color: lightgrey !important;
   height: 30px !important; 
   padding-right: 0 !important;
   border-radius: 5px !important;
   width: 30px !important;
} 
`;
  
  var sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
  var uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(css));
  sss.loadAndRegisterSheet(uri, sss.AUTHOR_SHEET);

  var menuButton = document.getElementById('menu_unsortedBookmarks');
 
  if (!CustomizableUI.getPlacementOfWidget('ucjs_menu_unsortedBookmarks')) { 
    try {
      CustomizableUI.createWidget({
        id: 'ucjs_menu_unsortedBookmarks',
        type: 'custom',
        defaultArea: CustomizableUI.AREA_NAVBAR,
        onBuild: function(aDocument) {
          var toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbaritem');
          toolbaritem.id = 'ucjs_menu_unsortedBookmarks';
          toolbaritem.className = 'chromeclass-toolbar-additional';          
          toolbaritem.setAttribute('label', 'Lesezeichen');          
          return toolbaritem;            
        }
      });
      if (!CustomizableUI.getPlacementOfWidget('ucjs_menu_unsortedBookmarks')) {     
        menuButton.style.display = 'none';
        return; 
      };        
    } catch(e) {        
      menuButton.style.display = 'none';
      return;      
    };    
  };
  
  setTimeout(function() { 
   document.getElementById('ucjs_menu_unsortedBookmarks').appendChild(menuButton);       
   menuButton.setAttribute('consumeanchor', 'ucjs_menu_unsortedBookmarks');
   menuButton.setAttribute('label', 'Lesezeichen');
   menuButton.setAttribute('tooltiptext', 'Lesezeichen');        
  }, 0);

}());

Alles anzeigen

Edit:

Siehe nächsten Beitrag.

Das Skript funktioniert nicht richtig.

BrokenHeart

Zitat von 2002Andreas

Ich habe mal den Menüeintrag aus Lesezeichen > Weitere Lesezeichen verschiebbar gemacht.

Die Anzeige funktioniert einwandfrei , aber bei mir öffnet er das Lesezeichen bei Links-Klick mit der Maus nicht. Nur wenn ich über das Kontext-Menü gehe, kann ich es öffnen. Ist das bei dir auch so? Ich denke, die größte Schwierigkeit wird sein, das Menü wirklich als Drag&Drop-Ziel zu definieren. So wie es aussieht, verhält es sich ja wie ein 'normales' Menü. Ich wüsste nicht wie das geht, aber vielleicht weiß ja jemand eine einfache Lösung dafür... ?

Zitat von Horstmann

Ein einzelner, voll funtionsfähiger Lesezeichenordner in der nav-bar, oder sonstwo, benutzbar als verschiebbarer toolbar Button , das wäre ein Träumchen .

So ganz verstehe ich die Diskussion allerdings nicht. Diesen verschiebbaren Button gibt es doch schon standardmäßig im Firefox?!. Nennt sich "Lesezeichen-Menü" und macht doch genau das, was du haben möchtest... (Die nicht benötigten Einträge/Ordner kann man ja sicherlich mit CSS oder UserSkript entfernen).

2002Andreas

Zitat von BrokenHeart

Ist das bei dir auch so?

Ups, das merke ich jetzt erst. Peinlich, sorry.

Ok, dann ist das Skript wertlos.

BrokenHeart

Zitat von 2002Andreas

Peinlich, sorry.

Von wegen "peinlich" ! Jetzt muss ich dich aber zitieren: "Alles ist gut!".

Du wolltest Horstmann helfen und außerdem kann man ja vielleicht vom Ansatz her wirklich was aus dem Skript machen .

Ich bin aber immer noch der Meinung, dass die Anpassung (per CSS?) des 'Lesezeichen-Menü-Button'-Popups, der einfachere Weg ist...

Horstmann

Zitat von 2002Andreas

Zitat von Horstmann

Ein einzelner, voll funtionsfähiger Lesezeichenordner in der nav-bar

Vorweg, ich habe keine Ahnung von Skripten.
Trotzdem habe ich mal etwas gebastelt, evtl. kann man das ja als Grundlage für ein besseres Skript nutzen.
Ich habe mal den Menüeintrag aus Lesezeichen > Weitere Lesezeichen verschiebbar gemacht.

Vielen Dank für die Mühe !

Funktioniert bei mir als eine Art Kopie von Weitere Lesezeichen - lässt sich mit Links-Klick auch öffnen - nur ist es halt kein eigenständiger Lesezeichen Ordner .

Zitat von BrokenHeart

Ich bin aber immer noch der Meinung, dass die Anpassung (per CSS?) des 'Lesezeichen-Menü-Button'-Popups, der einfachere Weg ist...

Hmm, jetzt wo Du's sagst - im Lesezeichenmenü scheint es tatsächlich Lesezeichen geben zu können, nicht nur Lesezeichen Menüs .

BrokenHeart

Zitat von Horstmann

Hmm, jetzt wo Du's sagst - im Lesezeichenmenü scheint es tatsächlich Lesezeichen geben zu können, nicht nur Lesezeichen Menüs .

Du musst nur die einzelnen Lesezeichen auf die höchste Ebene, unter 'Lesezeichen-Menü' eintragen/verschieben/kopieren:

Horstmann

Zitat von 2002Andreas

Ups, das merke ich jetzt erst. Peinlich, sorry.
Ok, dann ist das Skript wertlos.

Gar nicht wertlos oder peinlich ; jedenfalls eine ganze Ecke weiter als ich je gekommen bin, und die Mühe ist unbezahlbar !

2002Andreas

Danke für die Aufmunterung

Ok, wenn man daraus evtl. doch etwas machen kann, wäre es nicht ganz umsonst.

Aber ich muss da dann leider passen.

Horstmann

Zitat von BrokenHeart

Du musst nur die einzelnen Lesezeichen auf die höchste Ebene, unter 'Lesezeichen-Menü' eintragen/verschieben/kopieren:

Und den Rest der Menü Einträge im Popup mit CSS rausknüppeln, vermute ich mal .

Dankeschön, werde gleich mal die Tools anwerfen .

Horstmann

BrokenHeart hat's genau erkannt - man kann anscheinend recht einfach das Lesezeichen-Menü umfunktionieren - danke !

Für das Lesezeichen-Menü habe ich mal folgendes als Test benutzt :

CSS

#BMB_bookmarksPopup :where(#BMB_viewBookmarksSidebar, 
#BMB_bookmarksShowAllTop, 
#BMB_bookmarksToolbar,
#BMB_unsortedBookmarks, 
menuseparator:not(.small-separator), 
#BMB_bookmarksShowAll) {
    display: none !important;
}

Weitere unerwünschte Einträge im Menü kann man im Rechts-Klick Menü oder in der Lesezeichen Bibliothek entfernen ; zum weiteren Stylen oder anpassen lässt sich so etwas in der Art verwenden, hier nur als Beispiel mit den relevanten IDs :

CSS

#bookmarks-menu-button > .toolbarbutton-icon {
    list-style-image: url("folderBookmark.png")!important;
    padding: calc(var(--toolbarbutton-inner-padding) + 1px) !important;
}

#bookmarks-menu-button {
    margin-inline: 10px !important;
}

#BMB_bookmarksPopup {
    margin-top: 2px !important;
}

Alles anzeigen

Was ich nur noch nicht kapiere - wie macht man hier im Forum diese schicken Links zu Usern mit @ und Rahmen ?

grisu2099

Du meinst sowas: Horstmann ?

Ein @ und den Namen dahinter, ganz einfach...

Horstmann

Oh, danke grisu2099 !

clio

BrokenHeart

In Beitrag #6 hast Du ein Screenshot gepostet. Darf ich fragen, welches Theme bzw. Icontheme Du benutzt?

Das sieht sehr gut aus.

BrokenHeart

Hallo clio, freut mich, wenn dir das gefällt , aber ich nutze kein Extra-Theme und die Icons auf dem Screenshot sind 1:1 die unveränderten original Firefox-Icons. Ich habe nur einen (animierten) runden CSS-Button darum gebastelt und auch alles andere (z.B. Hintergrund etc.) ist CSS-Handarbeit...

clio

Zitat

Ich habe nur einen (animierten) runden CSS-Button darum gebastelt

Ah ja, Hintergrund usw. habe ich bei mir auch mittels CSS angepaßt.

Wie sieht denn der Schnipsel für die runden Buttons aus?

Magst Du das zur Verfügung stellen?

BrokenHeart

Zitat von clio

Magst Du das zur Verfügung stellen?

Klar, kann ich machen. Im Gegensatz zu den "aufgeräumten Usern" hier, herrscht bei mir in der userChrome.css aber ein heilloses, unkommentiertes Messi-Chaos und ich weiß nicht ob du viel mit dem Schnipsel anfangen kannst, da auch die Selektoren sehr auf meine Bedürfnisse zugeschnitten sind. Die meisten :not([...])-Sachen, kannst du bei dir wahrscheinlich wegschmeißen.

CSS

#nav-bar .toolbarbutton-1:not([id$="-ucjs"]):not([class*="webextension-browser-action"]):not([class*="combined"]):not([id="PanelUI-menu-button"]):not([id="nav-bar-overflow-button"]) 
{
    margin: 2px 3px 3px!important;
    min-height: 30px !important;
    max-height: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;

    border-radius: 50% !important;
    background-position: center !important; 
    background: linear-gradient(155deg, rgba(0,0,0,.5),  rgba(164,164,164,.5) );
    box-shadow:  -1px -1px 2px rgba(255,255,255,.25), 2px 2px 2px rgba(34,34,34,0.5); 
    filter: contrast(110%) brightness(90%) !important;
    transition: filter 0.33s, box-shadow 0.33s !important;
}    
#nav-bar .toolbarbutton-1:not([id$="-ucjs"]):not([class*="webextension-browser-action"]):not([class*="combined"]):not([id="PanelUI-menu-button"]):not([id="nav-bar-overflow-button"]):hover:not([disabled="true"])
{
    filter: contrast(120%) brightness(100%) !important;
}    
#nav-bar .toolbarbutton-1:not([id$="-ucjs"]):not([class*="webextension-browser-action"]):not([class*="combined"]):not([id="PanelUI-menu-button"]):not([id="nav-bar-overflow-button"]):hover:not([disabled="true"]):active:not([disabled="true"]) 
{
    border-radius: 50% !important; 
    background: linear-gradient(145deg, rgba(0,0,0,.5),  rgba(48,48,48,.5), rgba(108,108,108,0.5) ) !important;
    box-shadow:  0px 0px 1px rgba(255,255,255,.25) !important; 
}    

#nav-bar .toolbarbutton-1:not([id$="-ucjs"]):not([class*="webextension-browser-action"]):not([class*="combined"]):not([id="PanelUI-menu-button"]):not([id="nav-bar-overflow-button"]) .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:not([id$="-ucjs"]):not([class*="webextension-browser-action"]):not([class*="combined"]):not([id="PanelUI-menu-button"]):not([id="nav-bar-overflow-button"]) .toolbarbutton-badge-stack
{
    background: transparent !important;
    fill: rgba(220,220,220,1) !important;
    filter:  drop-shadow( 1px 1px 1px rgba(25,25,25,.75)) !important;
    transition: fill 0.33s, filter 0.33s, transform .33s !important;
}    
#nav-bar .toolbarbutton-1:not([id$="-ucjs"]):not([class*="webextension-browser-action"]):not([class*="combined"]):not([id="PanelUI-menu-button"]):not([id="nav-bar-overflow-button"]):not([open]):hover:not([disabled="true"]) .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:not([id$="-ucjs"]):not([class*="webextension-browser-action"]):not([class*="combined"]):not([id="PanelUI-menu-button"]):not([id="nav-bar-overflow-button"]):not([open]):hover:not([disabled="true"]) .toolbarbutton-badge-stack
 {
    fill: rgba(255,255,255,1) !important;
    filter: drop-shadow( 1px 1px 1px rgba(25,25,25,1.00)) drop-shadow( -1px -1px 3px rgba(200,200,200, 0.5)) brightness(160%) !important; 
    transition: fill 0.33s, filter 0.33s, transform .33s !important;
}    
#nav-bar .toolbarbutton-1:not([id$="-ucjs"]):not([class*="webextension-browser-action"]):not([class*="combined"]):not([id="PanelUI-menu-button"]):not([id="nav-bar-overflow-button"]):hover:not([disabled="true"]):active:not([disabled="true"]) .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:not([id$="-ucjs"]):not([class*="webextension-browser-action"]):not([class*="combined"]):not([id="PanelUI-menu-button"]):not([id="nav-bar-overflow-button"]):hover:not([disabled="true"]):active:not([disabled="true"]) .toolbarbutton-badge-stack
{
    fill: rgba(0,207,229,1) !important;  
    filter: drop-shadow( 1px 1px 1px rgba(25,25,25,.75)) drop-shadow( -1px -1px 3px rgba(0,207,229,1)) brightness(160%) !important; 
    transform: translate(0px,1px)  !important; 
}
#nav-bar .toolbarbutton-1:not([id$="-ucjs"]):not([class*="webextension-browser-action"]):not([class*="combined"]):not([id="PanelUI-menu-button"]):not([id="nav-bar-overflow-button"])[open] .toolbarbutton-icon,
#nav-bar .toolbarbutton-1:not([id$="-ucjs"]):not([class*="webextension-browser-action"]):not([class*="combined"]):not([id="PanelUI-menu-button"]):not([id="nav-bar-overflow-button"])[open] .toolbarbutton-badge-stack
{
    fill: rgba(0,207,229,1) !important;  
    filter: drop-shadow( 1px 1px 1px rgba(25,25,25,.75)) drop-shadow( -1px -1px 3px rgba(0,207,229,1)) brightness(160%) !important; 
    transform: translate(0px,0px)  !important; 
}

Alles anzeigen

Einzelner Lesezeichenordner in nav-bar - möglich ?

Horstmann 10. Januar 2023 um 19:48

Ähnliche Themen

Schaltfläche um Lesezeichen Leiste ein/auszublenden ?

Vertikale Lesezeichenleiste, Script und CSS

Lesezeichen Ordner Anzeige vergrößern

Navigations-Leiste Anpassungen

neue Funktion einzelne Seiten Cookies löschen nicht verfügbar?