Beiträge von Dharkness

Dharkness

Zitat von 2002Andreas

Teste bitte mal:

Dankeschön, die läuft.

Dharkness

Hallo zusammen,

meine Vertical Add-on Bar ↓ funktioniert mit Fx143 nicht mehr, gibt es eine angepasste Version, oder auch eine andere die funktioniert?

JavaScript

// 'Vertical Add-on Bar' script for Firefox 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");
ChromeUtils.importESModule("resource:///modules/CustomizableUI.sys.mjs");
// ChromeUtils.importESModule("moz-src:///browser/components/customizableui/CustomizableUI.sys.mjs");


var AddonbarVertical = {
  init: function() {

    if (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 style_addonbar_v = true; // apply default toolbar appearance/colors to vertical add-on bar
    var addonbar_v_width = '22px'; // 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) {
      var toolbox_abv = document.createXULElement('toolbox');
      toolbox_abv.setAttribute('orient','horizontal');
      toolbox_abv.setAttribute('id','toolbox_abv');
      toolbox_abv.setAttribute('insertbefore','sidebar-box');

      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});

      setTimeout(function(){
        CustomizableUI.registerArea('addonbar_v', {legacy: true});
      },2000);

      CustomizableUI.registerToolbarNode(tb_addonbarv);

      if(addonbar_v_on_the_left) {
        document.getElementById('browser').insertBefore(toolbox_abv,document.getElementById('browser').firstChild);
      }
      else {
        document.getElementById('browser').appendChild(toolbox_abv);
      }

        var observer = new MutationObserver(function(mutations) {
        mutations.forEach(function(mutation) {
          try {
            if(document.querySelector('#browser').getAttribute('hidden') || 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: 'togglebutton_addonbar_v', // button id
            defaultArea: CustomizableUI.AREA_NAVBAR,
            removable: true,
            label: button_label, // button title
            tooltiptext: button_label, // tooltip title
            onClick: function(event) {
              if(event.button==0) {
                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('#togglebutton_addonbar_v').setAttribute('checked','true');
                  else win.document.querySelector('#togglebutton_addonbar_v').removeAttribute('checked');
                }
              }
            },
            onCreated: function(button) {
              if(Services.prefs.getBranch('browser.vaddonbar.').getBoolPref('enabled'))
                button.setAttribute('checked','true');
              return button;
            }

        });
      }

      // Press 'Ctr + Alt + /' on Windows/Linux and 'Cmd + Alt + /' on macOS to toggle vertical add-on bar
      var key = document.createXULElement('key');
      key.id = 'key_toggleVAddonBar';
      key.setAttribute('key', '/');
      key.setAttribute('modifiers', 'accel,alt');
      key.addEventListener('command', () => {
      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('#togglebutton_addonbar_v').setAttribute('checked','true');
            else win.document.querySelector('#togglebutton_addonbar_v').removeAttribute('checked');
          }
        });
      // 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('#togglebutton_addonbar_v').setAttribute('checked','true');
          // else win.document.querySelector('#togglebutton_addonbar_v').removeAttribute('checked');
        // }
      // `);
      document.getElementById('mainKeyset').appendChild(key);

     }
    } catch(e) {}

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

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

      if(!addonbar_v_on_the_left) {
        end_border =`
          #addonbar_v { \
            border-inline-start: 1px solid #B2B2B2 !important; \
          } \
        `;
      }

      addonbar_v_style =` \
        #addonbar_v { \
          appearance: none !important; \
          background-color: var(--toolbar-bgcolor); \
          background-image: var(--toolbar-bgimage); \
          background-clip: padding-box; \
          color: var(--toolbar-color, inherit); \
          padding-bottom: 1px !important; \
        } \
        :root[lwtheme] #addonbar_v { \
          background: var(--lwt-accent-color) !important; \
        } \
        :root[lwtheme][lwtheme-image='true'] #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 toolbarbutton { \
          min-height: 20px !important; \
          max-height: 20px !important; \
          min-width: 20px !important; \
          max-width: 20px !important; \
          background-color: #474747 !important; \
          margin: 1px 1px 0 1px !important; \
        } \
        #addonbar_v toolbar .toolbarbutton-1 { \
          min-height: 22px !important; \
          max-height: 22px !important; \
          min-width: 22px !important; \
          max-width: 22px !important; \
          background-color: #474747 !important; \
          margin: 1px 1px 0 1px !important; \
        } \
        #addonbar_v toolbarbutton:hover, \
        #addonbar_v toolbar .toolbarbutton-1:hover { \
          background-color: #D1E2F2 !important; \
          color: #000 !important; \
          fill: #000 !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; \
        } \
        #addonbar_v > toolbarbutton#restart-button .toolbarbutton-icon { \
          margin: 3px !important; \
        } \
        #addonbar_v > toolbarbutton#print-toolbarbutton { \
          border-radius: 0 !important; \
          border: 0 !important; \
          background-color: #474747 !important; \
        } \
        #addonbar_v > toolbarbutton#print-toolbarbutton:hover { \
          background-color: #D1E2F2 !important; \
        } \
        #unified-extensions-button[hidden]{ \
            visibility: visible !important; \
            display: flex !important; \
        } \
        #addonbar_v toolbaritem separator { \
            display: none !important; \
        } \
        #main-window:not([customizing]) #addonbar_v > toolbaritem { \
          writing-mode: vertical-rl !important; \
          text-orientation: mixed !important; \
          transform: rotate(0deg) !important; \
        } \
        #main-window:not([customizing]) #addonbar_v > toolbaritem menupopup { \
          max-height: 170px !important; \
          max-width: 170px !important; \
          transform: rotate(-90deg) !important; \
        } \
        #main-window:not([customizing]) #addonbar_v > toolbaritem .toolbarbutton-badge { \
          transform: rotate(-90deg) !important; \
          position: absolute !important; \
          padding: 1px 2px !important; \
          top: -4px !important; \
        } \
        #main-window:not([customizing]) #addonbar_v #search-container, \
        #main-window:not([customizing]) #addonbar_v #wrapper-search-container { \
          flex: unset !important; \
        } \
        #main-window:not([customizing]) #addonbar_v #search-container { \
          min-width: unset !important; \
          width: unset !important; \
          height: 100px !important; \
          &[width] { \
            flex: unset !important; \
          } \
        } \
        #main-window:not([customizing]) #addonbar_v #zoom-reset-button > .toolbarbutton-text { \
          min-width: unset !important; \
          min-height: unset !important; \
        } \
        #main-window:not([customizing]) #addonbar_v #zoom-reset-button:not([label]) { \
          display: none !important; \
        } \
        #main-window:not([customizing]) #addonbar_v .toolbarbutton-combined-buttons-dropmarker > .toolbarbutton-icon { \
          width: unset !important; \
          height: 16px !important; \
        } \
        #addonbar_v #aboutabout-ToolBarButton:hover {\
          list-style-image: url("file:///H:/Profile/Firefox/Fx57-H-Default/chrome/icons/a-a-b.png") !important; \
        } \
        `+end_border+`
      `;
    }

    var addonbar_right = '';

    if(!addonbar_v_on_the_left) {
        addonbar_right =`
          #toolbox_abv{ \
            order: 10 !important; \
          } \
        `;
    }

    if(addonbar_v_togglebutton) {
      togglebutton_addonbar_v_style =`
        #togglebutton_addonbar_v .toolbarbutton-icon { \
          list-style-image: url('chrome://browser/skin/sidebars.svg'); \
          fill: #FF3322; \
        } \
        #togglebutton_addonbar_v[checked] .toolbarbutton-icon { \
          list-style-image: url('chrome://browser/skin/sidebars.svg'); \
          fill: #00A600; \
        } \
        /*#togglebutton_addonbar_v .toolbarbutton-icon { \
          list-style-image: url('chrome://browser/skin/forward.svg'); \
          fill: red; \
        } \
        #togglebutton_addonbar_v[checked] .toolbarbutton-icon { \
          fill: green; \
        } \
        #togglebutton_addonbar_v { \
          background: url('chrome://browser/skin/back.svg') no-repeat; \
          background-size: 35% !important; \
          background-position: 10% 70% !important; \
        } \
        #togglebutton_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 toolbarbutton .toolbarbutton-icon { \
          padding: 0 !important; \
          width: 16px !important; \
          height: 16px !important; \
        } \
        #addonbar_v .toolbarbutton-badge-stack { \
          padding: 0 !important; \
          margin: 0 !important; \
          width: 16px !important; \
          min-width: 16px !important; \
          height: 16px !important; \
          min-height: 16px !important; \
        } \
        #addonbar_v toolbarbutton .toolbarbutton-badge { \
          margin-top: 0px !important; \
          font-size: 8px !important; \
        } \
      `;

    var uri = Services.io.newURI('data:text/css;charset=utf-8,' + encodeURIComponent(''+addonbar_v_style + togglebutton_addonbar_v_style + addonbar_right + 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 Webmark

Wie geht denn ihr hier vor?

Ich handhabe das exakt genau so, ich brauche die Menüleiste.

Dharkness

Zitat von 2002Andreas

Ok, dann passt das nicht ganz richig, aber angepinnte Tabs lassen sich nicht verschieben

Das stimmt so aber nicht ganz, innerhalb der angehefteten Tab lassen sich die angehefteten Tabs sehr wohl verschieben.

Dharkness

Zitat von aalbani

Aber die anderen nicht, wieso?

Weil nicht alle .titlebar-button sind?

Teste bitte für den Button ganz links das ↓ CSS-Schnipsel.

CSS

#firefox-view-button {
  fill: #FFF !important;
}

Dharkness

Zitat von Mira_Belle

Bitte testen.

Wer auch sonst sollte das in den Griff bekommen, Dankeschön und fein gemacht.

Dharkness

Zitat von Dato

Danke

Aber gerne doch.

Dharkness

Zitat von Dato

mit diesem CSS funktioniert es nicht mehr ?

Weil das nicht den darüber liegenden Teil verschiebt, müsste jetzt so ↓ aussehen.

CSS

#PanelUI-button {
    order: -1 !important;
}
#PanelUI-menu-button {
	fill: red !important;
}

Dharkness

Zitat von 2002Andreas

Evtl. fällt einem anderen User ja etwas dazu ein.

Zitat von Raymannx

Vielleicht wirst Du ja noch fündig!

Vielleicht ja einfach den freien Platz für die angehefteten Tabs nutzen, dazu einfach das ↓ CSS-Schnipsel an passender Stelle einfügen.

CSS

#pinned-tabs-container {
   max-width: 136px !important;
}

Mit dem Wert von max-width eventuell noch ein wenig spielen.

Dharkness

Hm,

Fx 140.0.4 läuft hier Problemlos in Sandboxie 5.70.12.

Der gelbe Rahmen ist von Sandboxie.

Dharkness

Hm, soll das z.B. so ↓ aussehen?

P.S.: Wegen der Fehler bei mir in der Darstellung habe ich das normalerweise nicht aktiv.

Dharkness

Zitat von Sören Hentzschel

Aber da der Themenstarter ja ausdrücklich „Weitere Werkzeuge“ genannt

Jetzt muss ich doch mal fragen, wo soll es denn dieses Weitere Werkzeuge geben?

Dharkness

Zitat von milupo

Die Links werden bei Klick in Tabs geöffnet.

Du klickst auch wirklich auf die Zeile die die Anzahl der Ordner und Links/Bookmarks angibt und nicht auf einen der vorhandenen Links/Bookmarks?

Dharkness

Zitat von Horstmann

Wie erwähnt, nur dann ein Problem wenn die Breite ohne Zähler kleiner als die max-width (30em ?) des Elements ist, und nur beim ersten Öffnen in einem Fenster.

Die Breite des Menupopups wird wohl dynamisch der Breite des Inhalts angepasst, deshalb wohl die sichtbare Änderung der Breite, wenn Dich das stört, warum nagelst Du die Breite nicht fest? Sprich sowohl die maximale, als auch die minimale Breite auf 30em setzen und gut ist.

Dharkness

Zitat von Mira_Belle

Mein komplettes Skript in Kombination mit dem Autopopup-Skript.

Hm, leider sind die Zahlen nicht nach rechts ausgerichtet.

Dharkness

Zitat von 2002Andreas

Bingo..wusste ich auch noch nicht, danke

Da ich die Titelleiste in neuen Test-Profilen immer als erstes aktiviere, war mir das schon sehr lange bekannt, auf die Titelleiste mag ich am wenigsten verzichten, alleine deshalb ist und bleibt Fx mein Standard-Browser.

Dharkness

Zitat von 2002Andreas

Bei mir aber nicht

Du hast die Titelleiste nicht aktiviert.

Dharkness

Zitat von mpt

Ich habe vor mit userchrome.css Code die Tableisten in der Höhe und in der Breite zu verändern.
Welche Pixelangaben (Breite und Höhe) hat das Tab im orginalen Zustand?

Wenn Du die GUI von Fx mittels der userChrome.css anpassen willst, solltest Du Dich auch mal mit den Entwickler-Werkzeugen * beschäftigen, damit kann man auch das feststellen.

*
Menü Extras → Browser-Werkzeuge → Browser-Werkzeuge

Hamburger-Button → Weitere Werkzeuge → Browser-Werkzeuge

Dharkness

Zitat von 2002Andreas

Zitat von Dharkness

Läuft bei Dir Windows 11?

Ja.

Dann haben auch Bilder/Grafiken eine digitale Signatur, richtig?

Dharkness

Zitat von 2002Andreas

Der Eintrag ist immer vorhanden bei Klick auf Eigenschaften.

Läuft bei Dir Windows 11?

Beiträge von Dharkness

Meine "Vertical Add-on Bar" funktioniert mit Fx143 nicht mehr?!

Meine "Vertical Add-on Bar" funktioniert mit Fx143 nicht mehr?!

Allgemeine Diskussion über Firefox

TABs lassen sich nicht mehr nach rechts verschieben

Titelleiste color nicht alle Buttons gleiche Farbe

userChrome.js Scripte für den Fuchs (Diskussion)

Hamburger-Menü nach links ?

Hamburger-Menü nach links ?

userChrome.css funktioniert nach Update auf Version 141 nicht mehr wie vorher

Firefox funktioniert nicht mehr mit Sandboxie

v140, v141 Scrollbar-Stil in Favoriten-Ordnern funktioniert nicht

Suchanzeige und Weitere Werkzeuge nicht vorhanden

userChrome.js Scripte für den Fuchs (Diskussion)

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

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

„Tab neu laden per Doppelklick“ auf den Tabreiter funktioniert nicht mehr

„Tab neu laden per Doppelklick“ auf den Tabreiter funktioniert nicht mehr

Tableisten in der Höhe und in der Breite verändern

Auf Desktop gezogene URL zeigt immer Firefox - Symbol

Auf Desktop gezogene URL zeigt immer Firefox - Symbol