Beiträge von Dharkness

Dharkness

Hallo zusammen,

wenn bei dem ↓ Script, der Vertical Add-on Bar, die Sidebar eingeblendet ist und Fx so beendet wird, ist diese Vertical Add-on Bar nicht mehr, wie von mir so im Script vorgegeben, nicht mehr rechts angeordnet, sondern links. Kann man das auf immer rechts festnageln?

JavaScript

// 'Vertical Add-on Bar' script for Firefox 60+ by Aris
//
// no 'close' button
// 'toggle' toolbar with 'Ctr + Alt + /' on Windows/Linux or 'Cmd + Alt + /' on macOS
// optional toggle button hides the toolbar temporarily, it gets restored on every restart
// 'Vertical Add-on Bar' entry is only visible in toolbars context menu when in customizing mode
//
// flexible spaces on toolbar work 'vertically'
// toolbar can be on the left or on the right
// toolbar is display horizontally in customizing mode

// [!] Fix for WebExtensions with own windows by 黒仪大螃蟹 (for 1-N scripts)


Components.utils.import("resource:///modules/CustomizableUI.jsm");
var {Services} = Components.utils.import("resource://gre/modules/Services.jsm", {});
var appversion = parseInt(Services.appinfo.version);



var AddonbarVertical = {
  init: function() {

    if (appversion >= 76 && location != 'chrome://browser/content/browser.xhtml')
      return;

    /* blank tab workaround */
    try {
      if(gBrowser.selectedBrowser.getAttribute('blank')) gBrowser.selectedBrowser.removeAttribute('blank');
    } catch(e) {}

    var addonbar_v_label = "Vertical Add-on Bar"; // toolbar name
    var button_label = "Toggle vertical Add-on Bar"; // Toggle button name
    var addonbar_v_togglebutton = true; // display toggle button for vertical toolbar (true) or not (false)
    var addonbar_v_on_the_left = false; // display vertical toolbar on the left (true) or the right (false)
    var insert_before_borders = true; // may not always offer a visible change
    var style_addonbar_v = true; // apply default toolbar appearance/colors to vertical add-on bar
    var addonbar_v_width = "23px"; // toolbar width
    var compact_buttons = true; // compact button size (true) or default button size (false)

    try {
     if(document.getElementById('toolbox_abv') == null && document.getElementById('addonbar_v') == null) {
      if(appversion <= 62) var toolbox_abv = document.createElement("toolbox");
      else var toolbox_abv = document.createXULElement("toolbox");
      toolbox_abv.setAttribute("orient","horizontal");
      toolbox_abv.setAttribute("id","toolbox_abv");
      toolbox_abv.setAttribute("insertbefore","sidebar-box");

      if(appversion <= 62) var tb_addonbarv = document.createElement("toolbar");
      else var tb_addonbarv = document.createXULElement("toolbar");
      tb_addonbarv.setAttribute("id","addonbar_v");
      tb_addonbarv.setAttribute("customizable","true");
      tb_addonbarv.setAttribute("class","toolbar-primary chromeclass-toolbar browser-toolbar customization-target");
      tb_addonbarv.setAttribute("mode","icons");
      tb_addonbarv.setAttribute("iconsize","small");
      tb_addonbarv.setAttribute("toolboxid","navigator-toolbox");
      tb_addonbarv.setAttribute("orient","vertical");
      tb_addonbarv.setAttribute("flex","1");
      tb_addonbarv.setAttribute("context","toolbar-context-menu");
      tb_addonbarv.setAttribute("toolbarname", addonbar_v_label);
      tb_addonbarv.setAttribute("label", addonbar_v_label);
      tb_addonbarv.setAttribute("lockiconsize","true");
      tb_addonbarv.setAttribute("defaultset","spring");

      toolbox_abv.appendChild(tb_addonbarv);

      CustomizableUI.registerArea("addonbar_v", {legacy: true});
      if(appversion >= 65) CustomizableUI.registerToolbarNode(tb_addonbarv);

      if(addonbar_v_on_the_left) {
        if(insert_before_borders || appversion >= 86) document.getElementById("browser").insertBefore(toolbox_abv,document.getElementById("browser").firstChild);
        else document.getElementById("browser").insertBefore(toolbox_abv,document.getElementById("browser").firstChild.nextSibling);
      }
      else {
        if(insert_before_borders) document.getElementById("browser").appendChild(toolbox_abv);
        else document.getElementById("browser").insertBefore(toolbox_abv,document.getElementById("browser").lastChild);
      }

        var observer = new MutationObserver(function(mutations) {
        mutations.forEach(function(mutation) {
          try {
            if(document.querySelector('#main-window').getAttribute('customizing')) {
              document.querySelector('#addonbar_v').setAttribute("orient","horizontal");
              document.querySelector('#navigator-toolbox').appendChild(document.querySelector('#addonbar_v'));
            }
            else  {
              document.querySelector('#addonbar_v').setAttribute("orient","vertical");
              document.querySelector('#toolbox_abv').appendChild(document.querySelector('#addonbar_v'));

            }
          } catch(e){}
        });
      });

      observer.observe(document.querySelector('#main-window'), { attributes: true, attributeFilter: ['customizing'] });

      try {
        Services.prefs.getDefaultBranch("browser.vaddonbar.").setBoolPref("enabled",true);
        setToolbarVisibility(document.getElementById("addonbar_v"), Services.prefs.getBranch("browser.vaddonbar.").getBoolPref("enabled"));
        setToolbarVisibility(document.getElementById("toolbox_abv"), Services.prefs.getBranch("browser.vaddonbar.").getBoolPref("enabled"));
      } catch(e) {}

      if(addonbar_v_togglebutton) {

        CustomizableUI.createWidget({
            id: "tooglebutton_addonbar_v", // button id
            defaultArea: CustomizableUI.AREA_NAVBAR,
            removable: true,
            label: button_label, // button title
            tooltiptext: button_label, // tooltip title
            onClick: function(event) {

              var windows = Services.wm.getEnumerator(null);
                while (windows.hasMoreElements()) {
                  var win = windows.getNext();

                  var vAddonBar = win.document.getElementById("addonbar_v");
                  setToolbarVisibility(vAddonBar, vAddonBar.collapsed);

                  var vAddonBarBox = win.document.getElementById("toolbox_abv");
                  setToolbarVisibility(vAddonBarBox, vAddonBarBox.collapsed);

                  Services.prefs.getBranch("browser.vaddonbar.").setBoolPref("enabled",!vAddonBar.collapsed);

                  if(!vAddonBar.collapsed)
                    win.document.querySelector('#tooglebutton_addonbar_v').setAttribute("checked","true");
                  else win.document.querySelector('#tooglebutton_addonbar_v').removeAttribute("checked");
                }

            },
            onCreated: function(button) {
              if(Services.prefs.getBranch("browser.vaddonbar.").getBoolPref("enabled"))
                button.setAttribute("checked","true");
              return button;
            }

        });
      }

      // 'Ctr + Alt + /' on Windows/Linux or 'Cmd + Alt + /' on macOS to toggle vertical add-on bar
      var key = document.createXULElement('key');
      if(appversion < 69) key = document.createElement("key");
      key.id = 'key_toggleVAddonBar';
      key.setAttribute('key', '/');
      key.setAttribute('modifiers', 'accel,alt');
      key.setAttribute('oncommand','\
        var windows = Services.wm.getEnumerator(null);\
        while (windows.hasMoreElements()) {\
          var win = windows.getNext();  \
          var vAddonBar = win.document.getElementById("addonbar_v");\
          setToolbarVisibility(vAddonBar, vAddonBar.collapsed);\
          var vAddonBarBox = win.document.getElementById("toolbox_abv");\
          setToolbarVisibility(vAddonBarBox, vAddonBarBox.collapsed);\
          Services.prefs.getBranch("browser.vaddonbar.").setBoolPref("enabled",!vAddonBar.collapsed);\
          if(!vAddonBar.collapsed)\
            win.document.querySelector("#tooglebutton_addonbar_v").setAttribute("checked","true");\
          else win.document.querySelector("#tooglebutton_addonbar_v").removeAttribute("checked");\
        }\
      ');
      document.getElementById('mainKeyset').appendChild(key);

     }
    } catch(e) {}

    // style toolbar & toggle button
    var addonbar_v_style = '';
    var tooglebutton_addonbar_v_style = '';

    if(style_addonbar_v) {
      var end_border =' \
        #addonbar_v { \
            -moz-border-end: 1px solid var(--sidebar-border-color,rgba(0,0,0,0.1)) !important; \
        }\
      ';

      if(!addonbar_v_on_the_left) {
        end_border ='\
          #addonbar_v { \
            -moz-border-start: 1px solid var(--sidebar-border-color,rgba(0,0,0,0.1)) !important; \
          }\
        ';
      }

      addonbar_v_style ='\
        #addonbar_v { \
          -moz-appearance: none !important; \
          background-color: var(--toolbar-bgcolor); \
          background-image: var(--toolbar-bgimage); \
          background-clip: padding-box; \
          color: var(--toolbar-color, inherit); \
        } \
        #main-window:-moz-lwtheme #addonbar_v { \
          background: var(--lwt-accent-color) !important; \
        } \
        #main-window[lwtheme-image="true"]:-moz-lwtheme #addonbar_v { \
          background: var(--lwt-header-image) !important; \
          background-position: 0vw 50vh !important; \
        } \
        #main-window:not([customizing]) #toolbox_abv:not([collapsed="true"]), \
        #main-window:not([customizing]) #addonbar_v:not([collapsed="true"]) { \
          min-width: '+addonbar_v_width+'; \
          width: '+addonbar_v_width+'; \
          max-width: '+addonbar_v_width+'; \
        } \
        #main-window[chromehidden="menubar toolbar location directories status extrachrome "] #toolbox_abv:not([collapsed="true"]), \
        #main-window[chromehidden="menubar toolbar location directories status extrachrome "] #addonbar_v:not([collapsed="true"]), \
        #main-window[sizemode="fullscreen"] #toolbox_abv:not([collapsed="true"]), \
        #main-window[sizemode="fullscreen"] #addonbar_v:not([collapsed="true"]) { \
          min-width: 0px; \
          width: 0px; \
          max-width: 0px; \
        } \
        #main-window[customizing] #addonbar_v { \
          outline: 1px dashed !important; \
          outline-offset: -2px !important; \
        } \
        #addonbar_v:-moz-lwtheme { \
          background: var(--lwt-header-image) !important; \
          background-position: 100vw 50vh !important; \
        } \
        #addonbar_v toolbarbutton, \
        #addonbar_v toolbar .toolbarbutton-1 { \
          padding: 0 !important; \
        } \
        #addonbar_v toolbarbutton#uc-restart { \
          background-color: #F20 !important; \
        } \
        #addonbar_v toolbarbutton#uc-restart image { \
          fill: #FFF !important; \
        } \
        #addonbar_v toolbarbutton#uc-restart:hover { \
          background-color: #D1E2F2 !important; \
        } \
        #addonbar_v toolbarbutton#uc-restart:hover image { \
          fill: #F20 !important; \
        } \
        #addonbar_v toolbarbutton#privatebrowsing-button { \
          background-color: #8000D7 !important; \
        } \
        #addonbar_v toolbarbutton#privatebrowsing-button image { \
          fill: #FFF !important; \
        } \
        #addonbar_v toolbarbutton#privatebrowsing-button:hover { \
          background-color: #D1E2F2 !important; \
        } \
        #addonbar_v toolbarbutton#privatebrowsing-button:hover image { \
          fill: #8000D7 !important; \
        } \
        #addonbar_v toolbarbutton#restart-button { \
          background-color: #F20 !important; \
        } \
        #addonbar_v toolbarbutton#restart-button:hover { \
          background-color: #D1E2F2 !important; \
        } \
        #addonbar_v #cookieautodelete_kennydo_com-browser-action { \
          min-height: 33px !important; \
        } \
        #addonbar_v #cookieautodelete_kennydo_com-browser-action > .toolbarbutton-badge-stack { \
          margin-top: -13px !important; \
        } \
        #addonbar_v #cookieautodelete_kennydo_com-browser-action > .toolbarbutton-badge-stack .toolbarbutton-badge { \
          min-width: 18px !important; \
          border-radius: 0px !important; \
          margin-top: 20px !important; \
          margin-right: 1px !important; \
        } \
        #addonbar_v #cookieautodelete_kennydo_com-browser-action:hover > .toolbarbutton-badge-stack .toolbarbutton-badge { \
          background-color: #D1E2F2 !important; \
          color: #000 !important; \
        } \
        '+end_border+' \
      ';
    }

    if(addonbar_v_togglebutton) {
      tooglebutton_addonbar_v_style ='\
        #tooglebutton_addonbar_v .toolbarbutton-icon { \
          list-style-image: url("chrome://browser/skin/sidebars.svg"); \
          fill: white; \
        }\
        /*#tooglebutton_addonbar_v .toolbarbutton-icon { \
          list-style-image: url("chrome://browser/skin/forward.svg"); \
          fill: LightCoral; \
        }*/ \
        #tooglebutton_addonbar_v[checked] .toolbarbutton-icon { \
          fill: LightGreen;  \
        } \
        /*#tooglebutton_addonbar_v { \
          background: url("chrome://browser/skin/back.svg") no-repeat; \
          background-size: 35% !important; \
          background-position: 10% 70% !important; \
        } \
        #tooglebutton_addonbar_v[checked] { \
          transform: rotate(180deg) !important;  \
          background: url("chrome://browser/skin/back.svg") no-repeat; \
          background-position: 10% 30% !important; \
        }*/ \
      ';
    }

    var compact_buttons_code = "";

    if(compact_buttons)
      compact_buttons_code = "\
        #addonbar_v { \
          border-left: 1px solid #B2B2B2 !important; \
          padding-bottom: 1px !important; \
        } \
        #addonbar_v toolbarspring { \
          appearance: none !important; \
          width: 20px !important; \
          min-width: 20px !important; \
          max-width: 20px !important; \
          margin: 1px 1px 0 1px !important; \
        } \
        #addonbar_v > toolbaritem { \
          min-width: 20px !important; \
          max-width: 20px !important; \
          min-height: 20px !important; \
          max-height: 20px !important; \
          border: 0 !important; \
          padding: 0 !important; \
          margin: 1px 1px 0 1px !important; \
        } \
        #addonbar_v > toolbaritem > toolbarbutton { \
          min-width: 20px !important; \
          max-width: 20px !important; \
          min-height: 20px !important; \
          max-height: 20px !important; \
          border-radius: 0 !important; \
          background: #905B46 !important; \
          padding: 0 !important; \
          margin: 0 !important; \
        } \
        #addonbar_v > toolbarbutton { \
          min-width: 20px !important; \
          max-width: 20px !important; \
          min-height: 20px !important; \
          max-height: 20px !important; \
          border-radius: 0 !important; \
          background: #905B46 !important; \
          padding: 0 !important; \
          margin: 1px 1px 0 1px !important; \
        } \
        #addonbar_v toolbarbutton:hover { \
          background: #D1E2F2 !important; \
        } \
        #addonbar_v toolbarbutton .toolbarbutton-icon { \
          padding: 0px !important; \
          width: 16px !important; \
          height: 16px !important; \
          margin: 2px !important; \
        } \
        #addonbar_v toolbarbutton:hover .toolbarbutton-badge { \
          background-color: transparent !important; \
          background: none !important; \
        } \
        #addonbar_v toolbarbutton:hover .toolbarbutton-badge-stack { \
          background-color: transparent !important; \
          background: none !important; \
        } \
        #addonbar_v toolbarbutton#browser-toolbox-button { \
          background-color: #FED965 !important; \
        } \
        #addonbar_v toolbarbutton#browser-toolbox-button:hover { \
          background-color: #D1E2F2 !important; \
        } \
        #addonbar_v toolbarbutton#aboutconfig-ToolBarButton { \
          background-color: #FED965 !important; \
        } \
        #addonbar_v toolbarbutton#aboutconfig-ToolBarButton:hover { \
          background-color: #D1E2F2 !important; \
        } \
        #addonbar_v toolbarbutton#uc-restart .toolbarbutton-icon { \
          fill: gold !important; \
        } \
        #addonbar_v toolbarbutton#uc-restart:hover .toolbarbutton-icon { \
          fill: #000 !important; \
        } \
        #addonbar_v toolbarbutton:hover .toolbarbutton-icon { \
          fill: #000 !important; \
          color: #000 !important; \
          stroke: #000 !important; \
          background-color: transparent !important; \
          background: none !important; \
        } \
        #addonbar_v .toolbarbutton-badge-stack { \
          width: 20px !important; \
          min-width: 20px !important; \
          height: 20px !important; \
          min-height: 20px !important; \
          padding: 0px !important; \
          margin: 0px !important; \
        } \
        #addonbar_v toolbarbutton .toolbarbutton-badge { \
          font-size: 8px !important; \
          margin: 0px !important; \
        } \
      ";

    var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
      '+addonbar_v_style+' \
      '+tooglebutton_addonbar_v_style+' \
      '+compact_buttons_code+' \
    '), null, null);

    var sss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);
    sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);

  }

}

/* initialization delay workaround */
document.addEventListener("DOMContentLoaded", AddonbarVertical.init(), false);
/* Use the below code instead of the one above this line, if issues occur */
/*
setTimeout(function(){
  AddonbarVertical.init();
},2000);
*/

Alles anzeigen

Dharkness

Zitat von hwww

Frage kann man das so machen das für jedes Profil ein Icon in der Taskleiste ist?

Das geht in den Einstellungen von Windows, und dort unter Personalisierung → Taskleiste und dort bei Schaltflächen der Taskleiste gruppieren wählst Du das Dir passende aus.

Dharkness

Zitat von angel-ch

Ich suche nach einer Erweiterung für die Zoomfunktion, wo sich die Zoomeinstellung merkt und speichert für jede Webseite.

Das kann Fx doch von alleie, es sei denn, das die → browser.zoom.siteSpecific Pref auf false steht.

Dharkness

Hallo Rosenstock,

bei mir hat die Erweiterung #Consent Blocker dazwischen gefunkt, hast Du etwas ähnliches installiert, welches bei Dir dazwischen hauen könnte?

Dharkness

Zitat von .DeJaVu

Privater Modus genutzt?
Eine Chronik wird erstellt? Nein -> gleich privater Modus.
Cleaner aktiv?
Welches Antivirus?

Das ↑ erklärt aber nicht das ↓, ok, der 3te Punkt könnte rein spielen.

Zitat von BobDobalina

ich habe jetzt selten aber leider gelegentlich den Fall

Dharkness

Zitat von BobDobalina

Weiß jemand, wie ich das machen kann?

Installiere Dir die Erweiterung #Tab Session Manager.

Dharkness

Hallo BarbaraZ-,

teste es bitte mal damit ↓.

CSS

#PlacesToolbarItems > toolbarbutton[label="Privat"] > .toolbarbutton-icon {
  display: none !important;
}

#PlacesToolbarItems > toolbarbutton[label="Privat"] > .toolbarbutton-icon {
  display: inline !important;
  list-style-image: url("file:///F:/FavIcons/Letter-P-icon.png") !important;
}

Dharkness

Zitat von Mira_Belle

Der Button oben neben dem "Zahnrad" erscheint nicht mehr.
Die Schaltfläche Zuletzt durchgeführte Updates auch nicht.
Bekomme zwar die Schaltfläche mit Verfügbare Updates angezeigt, jedoch ohne Funktion,
und auch werden die Updates nicht angezeigt.
Erst wenn ich über das Zahnrad Auf Updates überprüfen anklicke,
erscheinen die Updates und auch der Button.

Alles anzeigen

Das kann ich alles nicht bestätigen, das Script funktioniert hier auf den ersten Blick ohne Probleme.

Dharkness

Zitat von milupo

Was soll der Unsinn?

Du hast sein Problem verstanden?

Dharkness

Zitat von Mira_Belle

D.h. ich müsste erst das "Menü" verbreitern,

Musst Du nicht.

Zitat von grisu2099

Teste bitte:

Ich denke mal, das das die falsche panel-list ist.

Dharkness

Zitat von Firefox_94.0.1

Hier die (bei mir) funktionierende Lösung:

Die beiden --in-content-button-Einträge können wiederum bei mir nicht funktionieren, das ist per :root-Eintrag auf unset gesetzt, das hatte ohne diesen :root-Eintrag bei mir einen sehr merkwürdigen Effekt.

Zitat von Mira_Belle

Da kann man genau sehen, dass in der ganze Zeile der Hintergrund eingefärbt wird.

Natürlich, denn die ganze Zeile ist das panel-item, in dem Fall müsstest Du mit margin-left und margin-right arbeiten, aber eben nicht nur bei dem Eintrag fürs hovern.

Bei mir sieht die panellist übrigens so ↓ aus.

Dharkness

Zitat von Firefox_94.0.1

Nur ich finde nichts funktionierendes für :hover der einzelnen Einträge.

Teste bitte das ↓.

CSS

addon-options > panel-list > panel-item:hover,
plugin-options > panel-list > panel-item:hover {
fill: #000 !important;
background-color: #D1E2F2 !important;
color: #000 !important;
}

Dharkness

Zitat von 2002Andreas

So habe ich auch geguckt.

Dharkness

Zitat von Mira_Belle

Beim Hovern wird die ganze Zeile "markiert",
ist es möglich links, wie rechts einen Abstand zum Rand hinzuzaubern
und die Ecken dann noch abzurunden?

Wie wäre es mal mit nem Screenshot?

Dharkness

Zitat von omar1979

aber die vertikale Leiste ist auch auf der linken Seite.

Du hast das → var addonbar_v_on_the_left auch auf false geändert?

Dharkness

Zitat von omar1979

Zum Beispiel das "Vertical Add-on Bar" in "Vertical right Add-on Bar" oder das "Toggle vertical Add-on Bar" in "Toggle vertical right Add-on Bar"...

Du hast aber sicherlich die IDs addonbar_v und toolbox_abv weiter verwendet, die müsstest Du auch ändern, denn die dürfen nur einmal vorkommen. Im 2ten Script für eine vertikale Toolbar sind sie ja sonst vorhanden, sprich Du müsstest alle vorkommen der Ids ändern, ob das reicht kann ich allerdings nicht sagen.

Dharkness

Zitat von grisu2099

Das hast du aber aus dem Ordner entfernt?

Es braucht doch nur von uc.js nach z.B. uc.js.bak umbenannt werden, danach das neue Script korrekt einfügen und dann den Skriptcache löschen und es sollte funktionieren.

Dharkness

Zitat von harff182

wo die Verschiebungen am Code liegen und ich Anweisungen ändern muß oder ob es reicht, wenn ich nur versuche, mit angepaßten Werten das wieder hinzubiegen.

Füge mal bei der #leftBox in Zeile 122 das → max-width: 220px !important; mit eventuell angepasstem Wert hinzu.

Dharkness

Zitat von 2002Andreas

Danke für den Test und die Bestätigung

Gerne doch, sieht übrigens so ↓ aus.

P.S.:

Die Button müssen noch angepasst werden.

Dharkness

Zitat von 2002Andreas

Verstehe ich nicht

Hm, hier funktioniert das 2te Script aus #3 ohne Probleme, ein kleiner Umbau und es passte im Groben zu meinen übrigen Anpassungen.

Beiträge von Dharkness

Vertical Add-on Bar immer rechts?

2 Profile aber nur ein Icon in der Taskleiste

Erweiterung - für Zoom

Firefox öffnet keine Videos mehr seit letztem Update

Letzte Sitzung wird manchmal nicht hergestellt

Letzte Sitzung wird manchmal nicht hergestellt

Symbole Individuell anpassen in der LZ-Sidebar

Skript für Add-ons Update

FF Menü reagiert nicht

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

Vertikale Zusatzleiste wird nicht angezeigt.

Vertikale Zusatzleiste wird nicht angezeigt.

In der Statusleiste funktioniert der Rechtsklick nicht

Dialog Hilfe/Über Firefox

In der Statusleiste funktioniert der Rechtsklick nicht

In der Statusleiste funktioniert der Rechtsklick nicht