Icons verschwinden im "Überhangmenü" bei Skriptaktivierung (Mehrzeilige Tableiste)

Stoiker

Hallo

Damit der andere Thread (Mehrzeilige Tableiste) nicht verwässert wird, mache ich einen separaten Thread auf.

Ausgangssituation:

Ich nutze das Skript "MultiRowTabs.uc.js" in Kombination mit dem Skript "MoveMinMaxCloseButton.uc.js" welches die Windows eigenen Buttons (minimieren, verkleinern und schließen) in die Navigationsleiste verschiebt. Ziel ist es Platz zu sparen und die Menüleiste komplett auszublenden. Diese kann ja bei Bedarf mittels "Alt"-Taste eingeblendet werden.

Bei mir gab es da Probleme, BrokenHeart hat das Skript jüngst erst angepasst, sodass es nun die Menüleiste ausblendet und die drei Windows-Buttons in die Navigationsleiste verschiebt.

Das sieht dann so aus:

Rein ästhetisch also alles schick.

Das Problem: sämtliche Icons die eigentlich in der Navigationsleiste sichtbar sein sollten verschwinden hinter dem Doppelpfeil:

mit aktiviertem zweiten Skript (MoveMinMaxCloseButton.uc.js) sieht das wie im ersten Screenshot ersichtlich so aus:

ohne aktiviertes zweites Skript so:

linke Seite

rechte Seite

D.h. sind beide Skript aktiviert, sehe ich die Icons habe aber so überhaupt keinen Zugriff auf die drei Windows eigenen Buttons, was ich dann auch wieder unpraktisch finde.

Hat jemand eine Idee wie ich das beheben kann, also die Icons anzuzeigen trotz aktiviertem zweiten Skript?

Edit:
ich merke gerade das die Windows eigenen Buttons gar nicht mehr benutzbar sind, wenn man sie mit der "Alt"-Taste temporär einblendet, wenn das zweite Skript deaktiviert bleibt. Also ist das so definitiv nicht benutzbar.

2002Andreas

Zitat von Stoiker

Hat jemand eine Idee

Du kannst ja bitte mal testen.

Ich habe das Script mal geändert zu:

JavaScript

//MoveMinMaxCloseButton.uc.js

(function() {

   if (location != 'chrome://browser/content/browser.xhtml') return;
       
    try {
        let titleButtons = document.getElementsByClassName('titlebar-buttonbox-container')[0];
        let navBar = document.getElementById('nav-bar-customization-target');
        navBar.appendChild(titleButtons);
        titleButtons.setAttribute('overflows', false);
            
    } catch(e) { };        
   
})();

Alles anzeigen

Stoiker

Sieht dann so aus:

Ist es möglich das Anwendungsmenü, sprich den "Hamburger Button" der ganz rechts ist, noch irgendwie zu verschieben, sodass er links neben den drei Windows Buttons auftaucht?

2002Andreas

Zitat von Stoiker

links neben den drei Windows Buttons auftaucht?

Bis jetzt schaffe ich es nur, ihn ganz nach links zu verschieben

CSS

#PanelUI-button {
  margin-left: 5px !important;
  -moz-box-ordinal-group: 0 !important;
}

Endor

Dafür verwende ich ein Script, von aborix, damit ist er dann

über den Anpassen Dialog frei verschiebbar:

JavaScript

(function() {
  if (location != 'chrome://browser/content/browser.xhtml')
    return;  
  var menuButton = document.getElementById('PanelUI-menu-button');
 
  if (!CustomizableUI.getPlacementOfWidget('ucjs_PanelUI-button')) { 
    try {
      CustomizableUI.createWidget({
        id: 'ucjs_PanelUI-button',
        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_PanelUI-button';
          toolbaritem.className = 'chromeclass-toolbar-additional';          
          toolbaritem.setAttribute('label', 'Firefox Anpassen');          
          return toolbaritem;            
        }
      });
      if (!CustomizableUI.getPlacementOfWidget('ucjs_PanelUI-button')) {     
        menuButton.style.display = 'none';
        return; 
      };        
    } catch(e) {        
      menuButton.style.display = 'none';
      return;      
    };    
  };
  
  setTimeout(function() { 
   document.getElementById('ucjs_PanelUI-button').appendChild(menuButton);       
   menuButton.setAttribute('consumeanchor', 'ucjs_PanelUI-button');
   menuButton.setAttribute('label', 'Firefox Anpassen');
   menuButton.setAttribute('tooltiptext', 'Firefox Anpassen + Panel');        
  }, 0);

}());

Alles anzeigen

Dieses Script macht dann die Schaltfläche für das Überhangmenü frei verschiebbar:

JavaScript

(function() {

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

  // Mehr-Werkzeuge-Schaltfläche verschiebbar

  try {
    CustomizableUI.createWidget({
      id: 'ucjs_overflow-item',
      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_overflow-item';
        toolbaritem.className = 'chromeclass-toolbar-additional';
        toolbaritem.setAttribute('label', 'Mehr Werkzeuge');
        return toolbaritem;
      }
    });
  } catch(e) { };

  document.getElementById('ucjs_overflow-item').appendChild(document.getElementById('nav-bar-overflow-button'));

})();

Alles anzeigen

Mfg.
Endor

2002Andreas

Zitat von Endor

Dafür verwende ich

Hallo Endor...

JavaScript

(function() {
  if (location != 'chrome://browser/content/browser.xhtml')
    return;  
  var menuButton = document.getElementById('PanelUI-menu-button');
 
  if (!CustomizableUI.getPlacementOfWidget('ucjs_PanelUI-button')) { 
    try {
      CustomizableUI.createWidget({
        id: 'ucjs_PanelUI-button',
        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_PanelUI-button';
          toolbaritem.className = 'chromeclass-toolbar-additional';          
          toolbaritem.setAttribute('label', 'Firefox Anpassen');          
          return toolbaritem;            
        }
      });
      if (!CustomizableUI.getPlacementOfWidget('ucjs_PanelUI-button')) {     
        menuButton.style.display = 'none';
        return; 
      };        
    } catch(e) {        
      menuButton.style.display = 'none';
      return;      
    };    
  };
  
  setTimeout(function() { 
   document.getElementById('ucjs_PanelUI-button').appendChild(menuButton);       
   menuButton.setAttribute('consumeanchor', 'ucjs_PanelUI-button');
   menuButton.setAttribute('label', 'Firefox Anpassen');
   menuButton.setAttribute('tooltiptext', 'Firefox Anpassen + Panel');        
  }, 0);

}());

//MoveMinMaxCloseButton.uc.js

(function() {

   if (location != 'chrome://browser/content/browser.xhtml') return;
       
    try {
        let titleButtons = document.getElementsByClassName('titlebar-buttonbox-container')[0];
        let navBar = document.getElementById('nav-bar-customization-target');
        navBar.appendChild(titleButtons);
        titleButtons.setAttribute('overflows', false);
            
    } catch(e) { };        
   
})();

Alles anzeigen

Stoiker

Hach, super.
Dein letzter Code 2002Andreas fasst jetzt alles zusammen, richtig?

2002Andreas

Zitat von Stoiker

richtig?

Ja.

Stoiker

Ein ganz herzliches -Danke- an euch beide

2002Andreas

Wie immer....gern geschehen

Endor

Was mich betrifft, auch gern geschehen.

Mfg.
Endor

BrokenHeart

2002Andreas und ich haben uns schon die ganze Zeit per PN den Kopf zerbrochen, wieso dieses merkwürdige Verhalten mit dem Verschieben der Icons ins Überhangmenü bei euch auftreten kann, wenn das Original-Skript

'MoveMinMaxCloseButton.uc.js' aus #1 verwendet wird.

Bei mir ist es nämlich definitiv nicht der Fall:

mit dem Original-Skript:

mit dem geänderten Skript:

Bei beiden Skript-Varianten werden alle Icons angezeigt und nichts ins Überhangmenü verschoben (solange natürlich noch Platz in der Nav-Bar ist). Wenn das Fenster verkleinert wird, dann wandern die Icons von rechts nach links ins Überhangmenü (nach Firefox-Vorgaben). Aber bei beiden Varianten ist dieses Verhalten gleich und nachvollziehbar.

Ich habe nur mit den beiden Skripten getestet und alles andere abgeschaltet. Ich kann das Verhalten, welches bei 2002Andreas und Stoiker auftritt, nicht nachvollziehen.

Jetzt hätte ich eine Bitte an einen Nutzer der mehrzeiligen Tableiste ( z.B.: FuchsFan ???? ) beide Skripte auszuprobieren und das Ergebnis mitzuteilen. Danke!

2002Andreas

Ergänzend.

Die Titelleiste und die Menüleiste müssen dazu ausgeblendet sein.

FuchsFan

Zitat von BrokenHeart

beide Skripte auszuprobieren und das Ergebnis mitzuteilen. Danke!

Gerne doch.

Original-Script ( von hier: Mehrzeilige Tableiste für aktuelle FireFox-Versionen )

...mit geändertem Script (von hier: RE: Icons verschwinden im "Überhangmenü" bei Skriptaktivierung (Mehrzeilige Tableiste) )

2002Andreas

Zitat von FuchsFan

Gerne doch.

Danke

Also auch bei dir keinerlei Probleme mit den Icons

FuchsFan

Zitat von 2002Andreas

Also auch bei dir keinerlei Probleme mit den Icons

Nein, keine Probleme. Nur ist im geänderten Script eine Verlagerung der beiden Icons (Überhang/Hamburger) zu erkennen.

BrokenHeart

Zitat von FuchsFan

Gerne doch.

Auch von mir ein großes Dankeschön .

Interessant, aber natürlich bleibt die Frage, wieso das nicht bei jedem so ist?

FuchsFan

Hier RE: Icons verschwinden im "Überhangmenü" bei Skriptaktivierung (Mehrzeilige Tableiste) war es ein Test im aktuellen Nightly.

Um sicher zu gehen, dass es in anderen Versionen auch zu keinen Problemen führt, noch ein Test im aktuellen 103.0.2 mit dem geänderten Script. Und auch hier werden alle Icons angezeigt.

2002Andreas

Zitat von FuchsFan

mit dem geänderten Script

Hallo FuchsFan ..

teste doch bitte mal mit diesem Original Script:

JavaScript

//MoveMinMaxCloseButton.uc.js

(function() {

   if (location != 'chrome://browser/content/browser.xhtml') return;
       
    try {
        let titleButtons = document.getElementsByClassName('titlebar-buttonbox-container')[0];
        let navBar = document.getElementById('nav-bar');
        navBar.appendChild(titleButtons);
        titleButtons.setAttribute('overflows', false);
            
    } catch(e) { };        
   
})();

Alles anzeigen

FuchsFan

Zitat von 2002Andreas

teste doch bitte mal mit diesem Original Script:

Moin, Andreas!

Auch damit keine Probleme.

Icons verschwinden im "Überhangmenü" bei Skriptaktivierung (Mehrzeilige Tableiste)

Ähnliche Themen

Rahmen für Menüleiste