Beiträge von milupo

milupo

Hallo Andreas,

ich habe sicherheitshalber im abgesicherten Modus getestet, aber wie ich mir schon dachte, bringt das nichts. Denn das Problem tritt ja auch in einem jungfräulichen Profil auf, da ist gar nichts drin, keine Erweiterungen, keine Skripte, keine CSS-Codes. Ich habe den Verdacht, dass es mit dem Zoom zusammenhängt. Mit meinem kleinen Monitor, muss ich ja mit 90% arbeiten, um die Desktop-Grafik zu sehen. Wenn ich auf 100% gehe, sehe ich ja die "mobile" Grafik. Die ist OK.

Der Bildschirm meines Laptops ist etwas größer, 15,6". Da gibt es das Problem nicht, weder bei 90% noch bei 100%.

Es gibt ein paar neue Einstellungen in about:config, die CSS betreffen, aber die gibt es auf dem Laptop und für alle anderen wie zum Beispiel dich auch.

milupo

Hallo,

seit heute sieht die Header-Grafik auf der Seite der Forenúbersicht total verändert aus, aber nur im Nightly, dafür aber auch in einem jungfräulichen Profil:

Alles grün statt blau. Woran könnte das liegen? Tritt das Problem bei jemand anders ebenfalls auf?

milupo

David44 Bloß gut, das Benutzerskripte nicht mit JavaScript arbeiten.

milupo

Bei mir funktioniert es nur mit dem Zusatz !important, also:

CSS

white-space: normal !important;

Vielen Dank für den Tipp! Bei meinem kleinen Monitor ...

milupo

Wie groß ist denn dein Bildschirm?

milupo

Zitat von 2002Andreas

Das ist damit gemeint:

Alles klar, aber es kann sich überhaupt nicht um die Untermenüs des Hamburgermenüs handeln. Aus dem Hamburgermenü kann man nichts verschieben. Darum geht es mir, nur darum.

milupo

Ach ich habe den TE wohl missverstanden. Das Bibliotheks-Symbol ist oben in der Symbolleiste. Und dieses Symbol lässt sich in das Überhangmenü ziehen. Aber deswegen ist der Eintrag im Hamburgermenü nicht weg. Denn er schrieb von Untermenüs.

milupo

Ich habe doch geschrieben, das Symbol ist ausgegraut, da lässt sich nichts reinziehen. Und unter den vorhandenen Symbolen ist auch keines für die Bibliothek. Für die Chronik schon. Fx Nightly.

milupo

Zitat von rudire

Danke für die schnelle Hilfe, auch das funktioniert! Allerdings noch nicht in den Untermenüs Chronik und Bibliothek , die ich da hinein geschoben habe.

Wie hast du denn das geschafft? Das Hamburger-Menü ist im Anpassen-Fenster ausgegraut. da lässt sich nichts verschieben.

milupo

Zitat von rudire

milupo : PanelUI = "Burgermenü", widget-overflow = Überhangmenü

OK. Danke.

milupo

Zitat von rudire

bei widget-overflow und PanelUI ist die Farbe allerdings mittelhellgrau vor hellgrauem Hintergrund, also fast nicht erkennbar.

Ich kann ehrlich gesagt mit einer solchen Angabe nichts anfangen. Ich müsste erst einmal schauen, wo tauchen die beiden Begriffe im Firefox-Code auf und wenn sie mehrmals auftauchen, weiß ich immer noch nicht, was du meinst. Also bitte die genaue Stelle auf der Firefox-Oberfläche benennen oder ein Bildschirmfoto machen und einstellen.

milupo

Gern geschehen.

milupo

Zitat von ^L^

NOTIZEN: https://www.addongenie.com/forums/topic/u…antum-and-later
https://github.com/Aris-t2/CustomCSSforFx/

Ich sehe, du machst dich. Die CSS-Code-Sammlung CustomCSSforFx ist übrigens als Nachfolger von Custom Theme Restorer entstanden.

milupo

Zitat von ^L^

PS: Inzwischen gefällt mit (neben ColorTabs) ColorFulTabs immer besser. Danke für den Tipp!

ColorfulTabs war aber deine eigene Idee.

milupo

Das ist kein Sicherheitsrisiko. Damit ist nur gemeint, dass durch die Entwicklung von Firefox Skripte mal nicht funktionieren können und daraus Probleme entstehen können. Aber die meistgenutzten haben wir bisher noch zum Laufen gebracht. MIt CSS kann das ebenfalls passieren. Aber dafür haben wir ja dieses Forum.

milupo

Hier der Einfachheit halber der Skript-Code:

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() {
      
    /* 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 = true; // display vertical toolbar on the left (true) or the right (false)
    var insert_before_borders = false; // 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 = "30px"; // toolbar width
    var compact_buttons = false; // 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) 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: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 { \
          background: var(--lwt-header-image) !important; \
          background-position: 100vw 50vh !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: green; \
        }\
        /*#tooglebutton_addonbar_v .toolbarbutton-icon { \
          list-style-image: url("chrome://browser/skin/forward.svg"); \
          fill: red; \
        } \
        #tooglebutton_addonbar_v[checked] .toolbarbutton-icon { \
          fill: green;  \
        } \
        #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 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+' \
      '+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);

Alles anzeigen

milupo

Zitat von ^L^

Danke, wohin muss das Script kopiert werden damit es geladen wird?

Hast du schon mal mit Benutzerskripten gearbeitet? Dazu musst du Vorbereitungen treffen, siehe hier:

https://github.com/Endor8/userChr…ster/userChrome

Den Skript-Code kopierst du in den Texteditor deiner Wahl und speicherst die Datei mit der Endung .uc.js ab, wie oben im Link als addonbar.vertical.uc.js im Ordner chrome deines Profilverzeichnisses ab. Aber wie gesagt, wenn du das bisher noch nicht gemacht hast, musst du erst die Vorbereitungen für die Arbeit mit Skripten treffen.

milupo

Such dir eine Erweiterung aus:

https://addons.mozilla.org/hsb/firefox/se…=windows&q=zoom

Hier noch etwas eingegrenzt auf "Default zoom":

https://addons.mozilla.org/hsb/firefox/se…fault%20zoom%22

milupo

Teste mal mit einem neuen Profil.

milupo

Ach ja, Tree Style Tabs hatte ich auch schon mal testweise installiert, weil dazu im Forum irgendetwas nachgefragt wurde. Da ich sie aber selbst nicht brauche, habe ich die Erweiterung wieder deinstalliert.

Beiträge von milupo

Header-Grafik des Forums im Nightly "verunstaltet"

Header-Grafik des Forums im Nightly "verunstaltet"

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

Threadtitel in Forenübersicht

Threadtitel in Forenübersicht

Hooverfarbe bei widget-overflow und PanelUI

Hooverfarbe bei widget-overflow und PanelUI

Hooverfarbe bei widget-overflow und PanelUI

Hooverfarbe bei widget-overflow und PanelUI

Hooverfarbe bei widget-overflow und PanelUI

Hooverfarbe bei widget-overflow und PanelUI

Facebook lädt nur noch den Header

[FF69+] Seitliche Tableisten & Symbolleisten anlegen?

[FF69+] Seitliche Tableisten & Symbolleisten anlegen?

[FF69+] Seitliche Tableisten & Symbolleisten anlegen?

[FF69+] Seitliche Tableisten & Symbolleisten anlegen?

[FF69+] Seitliche Tableisten & Symbolleisten anlegen?

Webseiten mit bestimmter Größe öffnen?

Facebook lädt nur noch den Header

[FF69+] Seitliche Tableisten & Symbolleisten anlegen?