Beiträge von Dharkness

Dharkness

Zitat von 2002Andreas

Mache ich das mit der Pfeiltaste auf der Tastatur, dann ist er Standard grau.

Ich will den Standard ja überschreiben, wie mache ich das?

Zitat von 2002Andreas

Hallo Mira, der Gedanke ist gut, wenn es denn so ist wie ich vermutet hatte

Nein, das ist es noch nicht.

Dharkness

Zitat von grisu2099

Geht es dir um die blaue Fläche, die grüne, oder noch etwas anderes?

Guckst Du da ↓, es geht um das unterste richlistitem, das im Lila Farbton.

Dharkness

Zitat von grisu2099

Was genau willst du den einfärben?

Theoretisch eigentlich alle richlistitem, aber hauptsächlich erst einmal die der Searchbar, das * CSS läuft dort derzeit.

*

CSS

.search-panel-tree > .autocomplete-richlistitem {
    background-color: #0082FC !important;
    color: #000 !important;
    margin: 1px 1px 0 1px !important;
}
.search-panel-tree > .autocomplete-richlistitem:hover {
    background-color: #D1E2F2 !important;
    color: #000 !important;
}
.search-panel-tree .ac-title-text {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}
#PopupSearchAutoComplete .autocomplete-richlistbox.search-panel-tree {
  padding: 0 0 1px 0 !important;
}

Alles anzeigen

Dharkness

Zitat von Mira_Belle

Und/oder mal :hover versuchen.

:hover wirkt nur bei Mausbedienung, aber nicht bei Tastaturbedienung und wie gesagt, [_moz-menuactive="true"] funktioniert bei richlistitem nicht.

Dharkness

Nein, ich will es ja anders einfärben, wenn ich durch die richlistitems navigiere, also kann es nicht :not(…) sein und [_moz-menuactive="true"] wirkt da scheinbar nicht.

Dharkness

Hallo zusammen,

ich suche das Gegenstück von [_moz-menuactive="true"]* für richlistitem, wie müsste da der Eintrag aussehen?

*

CSS

menuitem[_moz-menuactive="true"] {
    background-color: #6970A0 !important;
}

Dharkness

Zitat von Shakiera

Kann man dies nicht irgendwo deaktivieren?

Etwas ziemlich genau zielführendes hat grisu2099 doch schon genannt, einfach bei Extras → Einstellungen → Startseite und dort bei Startseite und neue Fenster Leere Seite einstellen und alles ist gut.

Dharkness

Zitat von radogoal

dann sieht es so aus

Himmel noch einmal, Du sollst nicht nach Extras → Add-ons und Themes gehen, sondern in der Adressleiste fast ganz rechts auf den Button klicken, der aussieht wie ein Puzzle-Teil.

Dharkness

Bitte mal anschauen, könnte Spam sein.

Spam?

Dharkness

Zitat von Sören Hentzschel

Aber die Zeilen 142-155 setzen ein entsprechendes Attribut für ein XUL-Element und können hiermit ersetzt werden:

Von Dir vorgeschlagen und von mir so getan und funktioniert, Dankeschön.

Dharkness

Hallo alle zusammen und speziell Sören,

Zitat von Sören Hentzschel

Vorher kann man es ändern, wenn man möchte.

wenn das so ist, dann würde ich gerne mal von Euch dort ↓ einen Blick geworfen haben.

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


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.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: #696969 !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: #696969 !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: #696969 !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; \
        } \
        `+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: green; \
        } \
        /*#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

Nach meinem Editor ist oncklick ab Zeile 108 zu finden.

Ich hoffe es wird sich jemand finden bzw. erbarmen und dieses Script für die Zeit nach oncklick lauffähig zu halten, ich danke schon einmal vorab dafür.

Dharkness

Zitat von omar1979

woran kann es liegen?

Hast Du Fx einmal in den Fehlerbehebungsmodus gestartet und dann wieder normal?

Dharkness

Zitat von 2002Andreas

Zitat von genetic

beides Mal, nein.

Deine Verwunderung kann ich verstehen, beide Scripte funktionieren hier ohne Probleme.

Dharkness

Zitat von geldhuegel

Danke, das war's.

Schön das ich helfen konnte.

Dharkness

Zitat von geldhuegel

Ok, dass das der Text ist, der sonst unten im Bild zu sehen ist habe ich erst durch eure Beiträge erkannt. Eine userContent.css habe ich mit 2 Einträgen für die Addons Seite. Auch ohne diese Datei bleibt die fehlerhafte Darstellung erhalten.

Hast Du die Seite schon mal komplett vergessen lassen?

Dharkness

Zitat von Sören Hentzschel

was genau ist jetzt „fehlerhaft“? ich kann in dem Screenshot nichts erkennen, was falsch aussieht.

Die Einblendung der Beschreibung ist oben im Video?!-Fenster, aber sie muss unten im Fenster sein, so hier auf 4 verschiedenen Browsern, Firefox, Chromium, Edge und Vivaldi.

Dharkness

Zitat von Mystery

D.h. wenn die Ursache woanders liegt, ist es eine Wechselwirkung die nur beim Firefox auftritt.

Die Seite lässt sich hier Problemlos aufrufen, die Frage lautet also, hast Du schon Den Fehlerbehebungsmodus ↓ getestet?

Menü Hilfe → Fehlerbehebungsmodus…

Dharkness

Zitat von FuchsFan

Nun bin ich schamviolett angelaufen , Du hast PM.

Aber nicht doch, Du bekommst von mir auch gleich noch was.

Dharkness

Hallo FuchsFan,

Zitat von FuchsFan

Ich habe mich weiter mit der vertikalen Anordnung in Version 132 befasst, und kann daraus schließen, sollte es in der Entwicklung dabei bleiben, so braucht niemand mehr ein Script dafür, sofern er sich dafür entscheiden möchte.
Das könnte dann mit beliebigen Anpassungen z.B. so aussehen.

das darfst Du mir mal gerne zukommen lassen, sieht wirklich schick aus.

Dharkness

Zitat von Atarist

Uuuups... Tatsächlich - vielen DanK!

Aber erst einmal gegen an stänkern.

Zitat von Atarist

Funzt wieder!

Sehr schön.

Zitat von Atarist

Habe auch die Erweiterung Tab Session Manager installiert.... schau ich mal!

Ich habe sie bis jetzt nur ein einziges mal benötigt, aber das habe ich selbst provoziert und hat Problemlos funktioniert.

Beiträge von Dharkness

Aktive Elemente bei Tastaturbedienung?!

Aktive Elemente bei Tastaturbedienung?!

Aktive Elemente bei Tastaturbedienung?!

Aktive Elemente bei Tastaturbedienung?!

Aktive Elemente bei Tastaturbedienung?!

Aktive Elemente bei Tastaturbedienung?!

Startseite deaktivieren

Video Downloadhelper nicht in der Symbolleiste

Meldungen über Spam im Forum

FF131: Schon wieder funktionieren 2 js-Scripte nicht mehr

FF131: Schon wieder funktionieren 2 js-Scripte nicht mehr

Nach Windows zurücksetzen, funktionieren meine Scripte nicht mehr.

FF131: Schon wieder funktionieren 2 js-Scripte nicht mehr

Fehlerhafte Bildanzeige

Fehlerhafte Bildanzeige

Fehlerhafte Bildanzeige

Firefox kann Seite nicht darstellen (Application error)

MultiRowTabsLiteforFx – Fehlersuche und Kompaktierung

MultiRowTabsLiteforFx – Fehlersuche und Kompaktierung

Tabs werden beim Beenden von FF alle geschlossen