Firefox 69 Anpassungen fehlerhaft trotz about:config Änderung

GermanFreme82

Ich meine damit das die Tableiste kein fester Bestandteil des Fenster zu sein scheint.

Es ist eine Art Overlay was sich über eine Website legt und deren Inhalt versteckt darunter.

Die Leiste unten muß fest ins Fenster gehören und die Website verkleinern, damit man den Teil unter der Tableiste lesen kann.

Kurz Tableiste versteckt Website-Inhalt

Tableiste muß Bildausschnitt von Firefox/Website verkleinern das Inhalt lesbar ist

2002Andreas

Ok.

Dann nützt dir der Code leider nichts.

GermanFreme82

Zitat von 2002Andreas

Ok.
Dann nützt dir der Code leider nichts.

Oh oh ???

Meinst du der code ist generell nicht dafür gedacht, oder funzt der bei mir nur nicht richtig, wegen dem Overlay-Problem ?

2002Andreas

Zitat von GermanFreme82

funzt der bei mir nur nicht richtig

Auch hier ist unten etwas (abgeschnitten) von der Webseite.

Man muss also scrollen.

GermanFreme82

Zitat von 2002Andreas

Zitat von GermanFreme82

funzt der bei mir nur nicht richtig

Auch hier ist unten etwas (abgeschnitten) von der Webseite.
Man muss also scrollen.

Achso okay.

Das ist wirklich schade.

Könntest du mir bitte den Code mal geben dafür das die Tableiste UNTER meinen Lesenzeichen/Favoriten sitzt ?

Dann versuch ich das mal, denn im Firefox 68.0.2 ging das ja und der hat das Fenster dann verkleinert.

Dafür hatte ich glaube ich eine JS Datei gehabt, die aber nicht mehr ging im Firefox 69.

2002Andreas

Zitat von GermanFreme82

die Tableiste UNTER meinen Lesenzeichen/Favoriten

Teste bitte:

CSS

#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {
    -moz-box-ordinal-group: 10;
    }
            
#TabsToolbar {
    -moz-box-ordinal-group: 1000!important;
    }

#TabsToolbar {
    position: absolute !important;
    bottom: 0 !important;
    width: 100vw !important;
    }

#tabbrowser-tabs {
    width: 100vw !important;
    }
        
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
    padding-bottom: var(--tab-min-height) !important;
    }

:root {
    --tab-toolbar-navbar-overlap: 0px !important;
    --tab-min-height: 33px !important; 
    }
        
:root #tabbrowser-tabs {
    --tab-min-height: 33px !important; 
    --tab-min-width: 150px !important;
    --tab-max-width: 150px !important;
    }

Alles anzeigen

milupo

Ich verwende dieses Skript für die Tableiste unter dem Inhaltsbereich:

JavaScript

(function(){
    var tabbar = document.getElementById("TabsToolbar");
    try {
    var vbox = document.createXULElement('vbox');
    document.getElementById("navigator-toolbox").parentNode.insertBefore(
    vbox, document.getElementById("browser-bottombox"));
    vbox.appendChild(document.getElementById("TabsToolbar"));
    }
catch(e) {} 



})();

Alles anzeigen

Das Skript sorgt nur dafür, dass die Tableiste ganz unten ist, es macht nichts bunt.

GermanFreme82

Zitat von 2002Andreas

Zitat von GermanFreme82

die Tableiste UNTER meinen Lesenzeichen/Favoriten

Teste bitte:

CSS

#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {
    -moz-box-ordinal-group: 10;
    }
            
#TabsToolbar {
    -moz-box-ordinal-group: 1000!important;
    }

#TabsToolbar {
    position: absolute !important;
    bottom: 0 !important;
    width: 100vw !important;
    }

#tabbrowser-tabs {
    width: 100vw !important;
    }
        
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
    padding-bottom: var(--tab-min-height) !important;
    }

:root {
    --tab-toolbar-navbar-overlap: 0px !important;
    --tab-min-height: 33px !important; 
    }
        
:root #tabbrowser-tabs {
    --tab-min-height: 33px !important; 
    --tab-min-width: 150px !important;
    --tab-max-width: 150px !important;
    }

Alles anzeigen

Ok hab es eben in die UserChrome.CSS kopiert und meine Tableiste ist nun IN meiner Symbolleiste drinne ;-).

Die beiden überlappen sich jetzt gegeneinander ist total merkwürdig so ;-).

Kann man die nicht richtig darunter bekommen untern meine Favortenleiste ?

2002Andreas

Zitat von GermanFreme82

Kann man die nicht richtig darunter bekommen untern meine Favortenleiste ?

Ich kenne deine eigenen Abstände nicht.

Hier sieht das so damit aus:

GermanFreme82

Zitat von 2002Andreas

Zitat von GermanFreme82

Kann man die nicht richtig darunter bekommen untern meine Favortenleiste ?

Ich kenne deine eigenen Abstände nicht.
Hier sieht das so damit aus:

Ja so sollte es aussehen, aber bei mir ist die Leiste genau innen in meinen Favoriten drinne ;-).

Welchen Wert muß ich denn ändern, damit das passen könnte, denn so bekomme ich Augenkrebs ;-9.

milupo

Zitat von GermanFreme82

Kann man die nicht richtig darunter bekommen untern meine Favortenleiste ?

Schaue mal in deinen eigenen Beitrag #10. Dort ist das Skript TabLeisteUnten.uc.js. Dieses Skript funktioniert. Aber du hast bestimmt noch nicht an allen Skripten und CSS-Codes die beiden Änderungen aus meinem Beitrag #14 vorgenommen. Dann brauchst du dich nicht wundern. Statt großartige Änderungen vorzunehmen, würde ich erst einmal alles dafür tun, den urprünglichen Zustand wiederherzustellen.

GermanFreme82

Aktuell siehts so aus bei mir :

TableisteUnten.uc.js

Code

(function() {
  var tabbar = document.getElementById('TabsToolbar');
  if (tabbar && !tabbar.collapsed) {
    tabbar.parentNode.parentNode.appendChild(tabbar);
  };
})();

userChrome.css

CSS

@import url('css/ffc-styles.css');
#context-openlink,
#context-openlinkprivate,
#context-bookmarklink,
#context-sendlinktodevice,
#context-inspect,
#context-openlinkinusercontext-menu,
#context-viewpartialsource-selection,
#context-sep-sendlinktodevice,
#inspect-separator,
#_lympha-menuitem-_lympha-ctx-btn{
    display:none!important;
}
#contentAreaContextMenu > menuseparator:nth-child(93){
    display:none!important;
}
#jid1-kdtticj6wxvafa_jetpack-menuitem-_sss{
    -moz-box-ordinal-group: 100 !important;
}
#context-sendpagetodevice,
#context-viewbgimage,
#context-selectall,
#context-viewsource,
#context-sep-sendpagetodevice,
#context-sep-viewbgimage,
#contentAreaContextMenu > menuseparator:nth-child(93){
    display:none!important;
}
#context-sendimage,
#context-setDesktopBackground,
#inspect-separator{
    display:none!important;
}
.tab-line[selected] { 
    display:none!important;
}
#TabsToolbar .tabbrowser-tab:only-of-type {
  display: none !important;
}

#TabsToolbar {
margin-bottom:1px!important;
      }

.tabbrowser-tab:not([selected="true"]){
  background: #C39D74 !important; 
  border-radius: 80px !important; 
  border:0px solid black !important;
      }

.tab-background[selected="true"] {
  background: #F09800 !important; 
  border-radius: 80px !important; 
  border:0px solid black!important;
      }

.tabbrowser-tab::after, .tabbrowser-tab::before {
    margin-inline-start: 0px!important;
    border-left: 0px solid!important;
    border-image:none!important;
    border-image-slice: 0!important;
    width: 0px!important;
    box-sizing: border-box;
    opacity: 0!important;
      }
    
.tab-line { 
    display:none!important
      }
      
      .tabbrowser-tab{
          margin-right:5px!important;
      }
      
      menuitem[label="TextNotes"] {
     display: none !important;
     }   
     #testing_duckduckgo_com-menuitem-1 {
    display: none !important;
    }
#content-deck {
margin-bottom: 28px !important;
   }

Alles anzeigen

Ist das jetzt alles richtig ?

Bei mir ist die Tableiste aber nun immer noch über der Adressleiste.

2002Andreas

TableisteUnten.uc.js und dein CSS Code sehen hier so aus:

milupo

2002Andreas, laut deiner Aussage in Beitrag #12 funktioniert ffc-styles.css nicht mehr. Er importiert sie noch in die userChrome.css. Was die anderen CSS-Codes alles bedeuten, weiß ich nicht.

GermanFreme82

Bin verwirrt ???

Ich hab nun mittlerweile mit euch gemeinsam einige Änderungne gemacht und ich weiß nicht mehr was alles.

Meine Leiste unten habe ich wieder usw. ,aber die Tableiste ist einfach nicht unter der Favoritenleiste.

Ich weiß nicht mehr wo das war mit dem "Element Dingens" was ich umändern muß.

Bitte sagt mir doch einfach, was ich falsch gemacht habe, damit ich den Fehler rückgängig machen kann, denn ich haben nichts weiter gemacht, als das was ihr hier geschrieben habt.

Das Script ist irgendwie nutzlos, denn es macht nichts. => TableisteUnten.uc.js

2002Andreas

Zitat von GermanFreme82

Das Script ist irgendwie nutzlos, denn es macht nichts. => TableisteUnten.uc.js

Siehe meinen Screenshot in Beitrag Nr. 54

Damit ist die Tableiste unter der Lesezeichenleiste.

GermanFreme82

So nochmal langsam ....

Also die Scripte hier benötige ich für meine Buttons ganz rechts im Bild und die funktionieren auch:

ffc-button-customize.uc.js

Code

(function() {

try {
    Components.utils.import("resource:///modules/CustomizableUI.jsm");
    CustomizableUI.createWidget({
        id: "uc-customize",
        defaultArea: CustomizableUI.AREA_NAVBAR,
        removable: true,
        label: "Anpassen",
        tooltiptext: "Anpassen",
        onClick: function() {
            gCustomizeMode.enter();
        },
        onCreated: function(aNode) {
            aNode.style.listStyleImage = 'url(chrome://browser/skin/customize.svg)';
            return aNode;
        }
    });
} catch (e) {
    Components.utils.reportError(e);
};

})();

Alles anzeigen

ffc-button-exit.uc.js

Code

(function() {

try {
    Components.utils.import("resource:///modules/CustomizableUI.jsm");
    CustomizableUI.createWidget({
        id: "uc-quit",
        defaultArea: CustomizableUI.AREA_NAVBAR,
        removable: true,
        label: "Beenden",
        tooltiptext: "Beenden",
        onClick: function() {
            goQuitApplication();
        },
        onCreated: function(aNode) {
            aNode.style.listStyleImage = 'url(chrome://browser/skin/quit.svg)';
            return aNode;
        }
        
    });
} catch (e) {
    Components.utils.reportError(e);
};

})();

Alles anzeigen

ffc-button-restart.uc.js

Code

(function() {

try {
    Components.utils.import("resource:///modules/CustomizableUI.jsm");
    CustomizableUI.createWidget({
        id: "uc-restart",
        defaultArea: CustomizableUI.AREA_NAVBAR,
        removable: true,
        label: "Neustart",
        tooltiptext: "Neustart",
        onClick: function() {
            Services.appinfo.invalidateCachesOnRestart() || BrowserUtils.restartApplication();
        },
        onCreated: function(aNode) {
            aNode.style.listStyleImage = 'url("chrome://browser/skin/reload.svg")';
            return aNode;
        }
    });
} catch (e) {
    Components.utils.reportError(e);
};

})();

Alles anzeigen

ffc-menu-restart.uc.js

Code

(function() {

let menuitem = document.createElement('menuitem');
menuitem.id = 'fp_menu_restart';
menuitem.setAttribute('label' , 'Neustart');
menuitem.setAttribute('oncommand' , "Services.appinfo.invalidateCachesOnRestart() || BrowserUtils.restartApplication();");
let refItem = document.getElementById('menu_FileQuitItem');
refItem.parentNode.insertBefore(menuitem, refItem);

})();

ffc-appMenu-restart.uc.js

Code

(function() {

let menuitem = document.createElement('toolbarbutton');
menuitem.id = 'fp-appMenu-restart-button';
menuitem.classList.add('subviewbutton', 'subviewbutton-iconic');
menuitem.setAttribute('label' , 'Neustart');
menuitem.setAttribute('tooltiptext' , 'Neustart');
menuitem.style.listStyleImage= 'url("chrome://browser/skin/reload.svg")';
menuitem.setAttribute('oncommand' , "Services.appinfo.invalidateCachesOnRestart() || BrowserUtils.restartApplication();");
let refItem = document.getElementById('appMenu-quit-button');
refItem.parentNode.insertBefore(menuitem, refItem);

})();

Alles anzeigen

Die UserChrome.CSS ist wie folgt:

CSS

@import url('css/ffc-styles.css');
#context-openlink,
#context-openlinkprivate,
#context-bookmarklink,
#context-sendlinktodevice,
#context-inspect,
#context-openlinkinusercontext-menu,
#context-viewpartialsource-selection,
#context-sep-sendlinktodevice,
#inspect-separator,
#_lympha-menuitem-_lympha-ctx-btn{
    display:none!important;
}
#contentAreaContextMenu > menuseparator:nth-child(93){
    display:none!important;
}
#jid1-kdtticj6wxvafa_jetpack-menuitem-_sss{
    -moz-box-ordinal-group: 100 !important;
}
#context-sendpagetodevice,
#context-viewbgimage,
#context-selectall,
#context-viewsource,
#context-sep-sendpagetodevice,
#context-sep-viewbgimage,
#contentAreaContextMenu > menuseparator:nth-child(93){
    display:none!important;
}
#context-sendimage,
#context-setDesktopBackground,
#inspect-separator{
    display:none!important;
}
.tab-line[selected] { 
    display:none!important;
}
#TabsToolbar .tabbrowser-tab:only-of-type {
  display: none !important;
}

#TabsToolbar {
margin-bottom:1px!important;
      }

.tabbrowser-tab:not([selected="true"]){
  background: #C39D74 !important; 
  border-radius: 80px !important; 
  border:0px solid black !important;
      }

.tab-background[selected="true"] {
  background: #F09800 !important; 
  border-radius: 80px !important; 
  border:0px solid black!important;
      }

.tabbrowser-tab::after, .tabbrowser-tab::before {
    margin-inline-start: 0px!important;
    border-left: 0px solid!important;
    border-image:none!important;
    border-image-slice: 0!important;
    width: 0px!important;
    box-sizing: border-box;
    opacity: 0!important;
      }
    
.tab-line { 
    display:none!important
      }
      
      .tabbrowser-tab{
          margin-right:5px!important;
      }
      
      menuitem[label="TextNotes"] {
     display: none !important;
     }   
     #testing_duckduckgo_com-menuitem-1 {
    display: none !important;
    }
#content-deck {
margin-bottom: 28px !important;
   }

Alles anzeigen

UserChrome.JS

Code

// userChrome.js
userChrome.ignoreCache = true;
userChrome.import("*", "UChrm");
//    HideTabbarWithOneTab.uc.js
//    v. 0.1

Cc["@mozilla.org/preferences-service;1"].getService(Ci.nsIPrefService).setBoolPref("browser.tabs.drawInTitlebar", false);
var tabbar = document.getElementById("TabsToolbar");    
function showHideTabbar (mutations) {
    tabbar.collapsed = (gBrowser.visibleTabs.length == 1);
};            
showHideTabbar();                        
var observer = new MutationObserver(showHideTabbar);        
observer.observe(document.querySelector('#tabbrowser-tabs'), {attributes: true});

Alles anzeigen

TableisteUnten.uc.js => geht NICHT !

Code

(function() {
  var tabbar = document.getElementById('TabsToolbar');
  if (tabbar && !tabbar.collapsed) {
    tabbar.parentNode.parentNode.appendChild(tabbar);
  };
})();

TabProtectmod.uc.js => geht auch NICHT !

Code

// ==UserScript==
// @name           tabProtect_mod2.uc.js
// @namespace      http://space.geocities.yahoo.co.jp/gl/alice0775
// @description    tabProtect
// @include        main
// @exclude        about:*
// @author         Alice0775
// @Note           ??????????
// @Note           ???????private browsing???????tab????????tab??????????????
// @compatibility  60
// @version        2018/09/27 10:30 fix  tab detach
// @version        2018/09/26 07:30 support tab detach
// @version        2018/09/25 21:30 working with tab multi selection
// @version        2018/06/21 19:50 workaround regression
// @version        2018/06/21 19:40 fix restore session if *.restore_on_demand is enabled
// @version        2018/06/10 00:00 workaround restore session
// @version        2018/05/23 00:00 Fixed typo(status is undeled when unprotect)
// @version        2018/05/12 15:30 workaround restore session for all window
// @version        2018/05/06 14:00 workaround for tab move
// @version        2018/05/04 12:00 cleanup for 60
// @version        2018/05/04 23:00 for 60
// ==/UserScript==

var tabProtect = {
  debug: function(aMsg){
          Cc["@mozilla.org/consoleservice;1"]
            .getService(Ci.nsIConsoleService)
            .logStringMessage(aMsg.toString());
  },

  sessionStore: {
    get ss() {
      try { 
        return Components.classes["@mozilla.org/browser/sessionstore;1"].
                               getService(Components.interfaces.nsISessionStore)
      } catch(e) {
        return;
      }
    },

    getTabValue : function(aTab, aKey) {
      if (typeof SessionStore.getCustomTabValue == "function")
        return SessionStore.getCustomTabValue(aTab, aKey);
      else
        return this.ss.getTabValue(aTab, aKey);
    },

    setTabValue : function(aTab, aKey, aValue) {
      if (typeof SessionStore.setCustomTabValue == "function")
        return SessionStore.setCustomTabValue(aTab, aKey, aValue);
      else
        return this.ss.setTabValue(aTab, aKey, aValue);

    },
    deleteTabValue : function(aTab, aKey) {
      if (typeof SessionStore.deleteCustomTabValue == "function")
        return SessionStore.deleteCustomTabValue(aTab, aKey);
      else
        return this.ss.deleteTabValue(aTab, aKey);
    }
  },

  init: function(){
    this.tabContextMenu();

    //tabbrowser.xml?????
    gBrowser.removeTab_org = gBrowser.removeTab;
    gBrowser.removeTab = function(aTab, aParams) {
      if (aTab.localName != "tab")
        aTab = this.selectedTab;
      if (aTab.hasAttribute("tabProtect"))
        return;
      gBrowser.removeTab_org(aTab, aParams);
    }

    // CSS???
    var stack = document.getAnonymousElementByAttribute(
                            gBrowser.tabContainer.firstChild, "class", "tab-stack");
      var style = `
      .tab-close-button[hidden='true'] image {
        width: 0px;
      }
      .tab-icon-protect{
        margin-top: 0px; /*???*/
        margin-left: 0px; /*???*/
        list-style-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAQUlEQVQ4jWNgGAXDADASUvDvOsN/fPJMlLqAhRhFTJqo/H/XKXQBsoFEuQDDVnIMQPcGXJxYA3C5hiwvUOwCZAAAlRcK7m+YgB4AAAAASUVORK5CYII=');
      }
      .tab-icon-protect[hidden='true'] {
        display: none;
      }
      `;
    var sspi = document.createProcessingInstruction(
      'xml-stylesheet',
      'type="text/css" href="data:text/css,' + encodeURIComponent(style) + '"'
    );
    document.insertBefore(sspi, document.documentElement);
    sspi.getAttribute = function(name) {
    return document.documentElement.getAttribute(name);
    };

    this.restoreAll(0);
    gBrowser.tabContainer.addEventListener('TabMove', this, false);
    gBrowser.tabContainer.addEventListener('SSTabRestoring', this, false);
    window.addEventListener('unload', this, false)

    // detach tab
    let func =  gBrowser.swapBrowsersAndCloseOther.toString();
    if (gBrowser && !/copytabProtect/.test(func)) {
      func = func.replace(
        'let otherFindBar = aOtherTab._findBar;',
        `if (aOtherTab.hasAttribute("tabProtect")) {
           aOurTab.ownerGlobal.gBrowser.protectTab(aOurTab, true);
           /*copytabProtect*/
         }
         $&`
       );
      eval("gBrowser.swapBrowsersAndCloseOther = function " + func.replace(/^function/, ''));
    }
  },

  restoreAll: function(delay = 0) {
    var that = this;
    setTimeout(init, delay, 0);
    function init(i){
      if(i < gBrowser.tabs.length){
        var aTab = gBrowser.tabs[i];
        that.restoreForTab(aTab);
        i++;
        arguments.callee(i);
      }else{
      }
    }
  },

  uninit: function(){
    window.removeEventListener('unload', this, false)
    gBrowser.tabContainer.removeEventListener('SSTabRestoring', this, false);
    gBrowser.tabContainer.removeEventListener('TabMove', this, false);
    gBrowser.tabContainer.contextMenu.removeEventListener('popupshowing', this, false);

  },

  handleEvent: function(event) {
    switch(event.type) {
      case "unload":
        this.uninit(event);
        break;
      case "SSTabRestoring":
        this.restore(event);
        break;
      case "TabMove":
        this.TabMove(event);
        break;
      case "popupshowing":
        this.popupshowing(event);
        break;
    }
  },

  TabMove: function(aEvent){
    var aTab = aEvent.target;
    gBrowser.protectTabIcon(aTab);
  },

  tabContextMenu: function(){
    //tab context menu
    var tabContext = gBrowser.tabContainer.contextMenu;
    var menuitem = this.tabProtectMenu
                 = tabContext.appendChild(
                        document.createElement("menuitem"));
    menuitem.id = "tabProtect";
    menuitem.setAttribute("type", "checkbox");
    if (Services.appinfo.version.split(".")[0] >= 63)
      menuitem.setAttribute("label", "Protect This Tab(s)");
    else
      menuitem.setAttribute("label", "Protect This Tab");
    menuitem.setAttribute("accesskey", "P");
    menuitem.setAttribute("oncommand","tabProtect.toggle(TabContextMenu.contextTab);");
    tabContext.addEventListener('popupshowing', this, false);
  },

  popupshowing: function(event) {
    this.setCheckbox(event);
  },

  restore: function(event){
    tabProtect.restoreAll(0);
  },

  restoreForTab: function(aTab){
    var retrievedData = this.sessionStore.getTabValue(aTab, "tabProtect") == "true";
    if(retrievedData){
      aTab.setAttribute('tabProtect',true);
      var closeButton = document.getAnonymousElementByAttribute(
                             aTab, "anonid", "close-button");
      closeButton.setAttribute('hidden',true);
    }
    gBrowser.protectTabIcon(aTab);
  },

  toggle: function(aTab){
    if (typeof gBrowser.selectedTabs != "undefined") {
      this.toggleProtectSelectedTabs(this.getSelectedTabs(aTab));
    } else {
      gBrowser.protectTab(aTab);
    }
  },

  toggleProtectSelectedTabs: function(tabs){
    if (tabs.length < 1)
      return;
    let isProtect = gBrowser.isProtectTab(tabs[0]);
    for (let tab of tabs) {
        gBrowser.protectTab(tab, !isProtect);
    }
  },

  getSelectedTabs: function(aTab){
    let contextTab = aTab;
    let selectedTabs = [contextTab];
    if (gBrowser.selectedTabs.indexOf(contextTab) < 0)
      return selectedTabs;

    for (let tab of gBrowser.selectedTabs) {
      if (contextTab != tab)
        selectedTabs.push(tab);
    }
    return selectedTabs;
  },

  setCheckbox: function(event){
    var menuitem = this.tabProtectMenu;
    var aTab = TabContextMenu.contextTab;
    if( !aTab || aTab.localName !='tab'){
      menuitem.setAttribute('hidden',true);
      return;
    }
    menuitem.setAttribute('hidden',false);
    if(aTab.hasAttribute('tabProtect') && aTab.getAttribute('tabProtect')){
      menuitem.setAttribute('checked', true);
    }else{
      menuitem.setAttribute('checked', false);
    }
  }
}

gBrowser.isProtectTab = function (aTab){
  return aTab.hasAttribute("tabProtect");
}

gBrowser.protectTab = function (aTab, state) {
  let isProtected;
  if (typeof state == "undefined") {
    if ( aTab.hasAttribute("tabProtect") ){
      state = false;
    } else {
      state = true;
    }
  }
  if (state) {
    aTab.setAttribute("tabProtect", "true");
    tabProtect.sessionStore.setTabValue(aTab, "tabProtect", "true");
    isProtected = true;
  } else {
    aTab.removeAttribute("tabProtect");
    try {
      tabProtect.sessionStore.deleteTabValue(aTab, "tabProtect");
    } catch(e) {}
    isProtected = false;
  }
  this.protectTabIcon(aTab);
  return isProtected;
}

gBrowser.protectTabIcon = function (aTab){
  const kXULNS =
           "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
  var closeButton = document.getAnonymousElementByAttribute(
                  aTab, "anonid", "close-button");
  var image = document.getAnonymousElementByAttribute(
                           aTab, "class", "tab-icon-protect");
  if ( aTab.hasAttribute("tabProtect") ){
    closeButton.setAttribute('hidden',true);
    if(!image){
      var stack = document.getAnonymousElementByAttribute(
                             aTab, "class", "tab-stack");
      var image = document.createElementNS(kXULNS,'image');
      image.setAttribute('class','tab-icon-protect');
      image.setAttribute('left',0);
      image.setAttribute('top',0);
      if(stack) stack.appendChild(image);
    }
    aTab.setAttribute('class',aTab.getAttribute('class')+' tabProtect');
    image.removeAttribute('hidden');
  }else{
    closeButton.setAttribute('hidden',false);
    if(image){
      image.setAttribute('hidden', true);
    }
    aTab.setAttribute('class',aTab.getAttribute('class').replace(/\stabProtect/g,''));
  }
}


tabProtect.init();

Alles anzeigen

GermanFreme82

Keine Ahnung was nun wo fehlt, aber Tatsache ist, das irgendwas falsch ist, denn die Tableiste bleibt störrisch ganz oben über der Adressleiste, oder vergewaltigt meien Favoritenleiste, wenn ich das hier in die USERchrome.CSS schreibe:

CSS

#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {
    -moz-box-ordinal-group: 10;
    }
            
#TabsToolbar {
    -moz-box-ordinal-group: 1000!important;
    }

#TabsToolbar {
    position: absolute !important;
    bottom: 0 !important;
    width: 100vw !important;
    }

#tabbrowser-tabs {
    width: 100vw !important;
    }
        
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
    padding-bottom: var(--tab-min-height) !important;
    }

:root {
    --tab-toolbar-navbar-overlap: 0px !important;
    --tab-min-height: 33px !important; 
    }
        
:root #tabbrowser-tabs {
    --tab-min-height: 33px !important; 
    --tab-min-width: 150px !important;
    --tab-max-width: 150px !important;
    }

Alles anzeigen

Es muß also irgendein Wert geändert werden, damit ich die Leiste auch da sehe, wo sie hingehört, aber welcher Wert ?

2002Andreas

Zitat von GermanFreme82

wenn ich das hier in die USERchrome.CSS schreibe

Script und CSS Code funktioniert auch nicht zusammen.

Sieht dann so aus:

milupo

Bereinige doch erst einmal deine CSS-Codes und Skripte! Sonst hat diese ganze Rumexperimentiererei keinen Sinn.

Außerdem entscheide dich, was du eigentlich willst. Im Screenshot zu deinem Beitrag #27 willst du am liebsten die Tableiste ganz unten haben, unterhalb der Leseziehenleiste ist dir da nicht ganz so lieb. Jetzt plötzlich soll sie unbedingt unter der Lesezeichenleiste sein. Für beide habe ich dir die funktionierenden! Skripte gegeben.