Beiträge von GermanFreme82

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 ?

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

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

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.

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.

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 ?

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.

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 ?

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

GermanFreme82

Zitat von 2002Andreas

Dann teste mal diesen Code:

CSS

#content-deck {
margin-bottom: 28px !important;
   }

#TabsToolbar {
margin-bottom: 28px !important; /* Abstand nach unten*/
background: lightgrey !important;/* Hintergrundfarbe*/
position: fixed !important;
bottom: 0 !important;
width:  100% !important;
   }
   
#tabbrowser-tabs > tab:not([pinned]) {
width: 200px !important; /*Tabbreite*/
   }
   
#alltabs-button {
display: none;
   }
   
/*Damit die Tableiste nicht 2 zeilig wird wegen dem Button:New Tab*/
.tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox {
width: 1400px !important;
   }

Alles anzeigen

Die Farbe und die Abstände musst du dir dann selber noch anpassen.

Also das ist schonmal wesentlich besser !

Die Tabs gehen jetzt auf wo sie sollen und beim schließen schieben sie sich wieder zusammen und lassen keine Lücke.

SUPER DANKE dir !

Jetzt bleibt nur noch das Problem mit dem Overlay der TABs übrig.

Dazu kurz ein neues Video im Anhang.

GermanFreme82

Um die Erklärungen zu erleichtern hab ich mal 2 Videos gedreht.

1x Firefox 68.0.2 so soll es sein !

1x Firefox 69 völlig Banane

GermanFreme82

Zitat von 2002Andreas

Zitat von GermanFreme82

Das produziert ja gleich mehrere neue Fehler ;-).

Wo bitte ist da ein Fehler
Auf meinem Screenshot ist alles ok.

Ja mag ja sein, aber bei mir ist das Verhalten der TABs völlig Banane.

Außerdem sind die Tabs über der Seite im Hintergrund, was nicht sien darf.

Die Tabs müssen eine Leiste öffnen die über dem Layout der Seite liegt und nicht die Seite durchshcimmern läßt.

zuvor wurde die Seite an der Stelle zusammengeschoben das deren Inhalt zusehen war.

Beispiel:

Ich öffne 10 Tabs

danach schließe ich Tab 9

Ergebnis zwischen Tab 8 und 10 ist eine Lücke so groß (wie Tab 9) als wenn dort noch ein Tab wäre.

GermanFreme82

Zitat von 2002Andreas

Dann ändere doch einfach mal die Farbe in Zeile 2 oder 3.
Oder entfern beide Einträge und teste es dann mal.

color: black !important;
background: lightgrey !important;

Ok also das mit den Farben bekomme ich hin, aber die TABs drehen völlig durch.

Der schiebt die nicht zusammen, wenn einer dzwischen geschlossen wird.

Die TABs bleiben immer dort, wo sie zuletzt waren und der letzte TAB wird immer angezeigt, obwohl er weg sein sollte.

Aktuell sieht das so aus in der userChrome.CSS

CSS

#TabsToolbar {
   position: fixed;
   bottom: 2.2em !important;
   width: 100%;
   }
   
#tabbrowser-tabs { 
   width: 100%; 
   }
   
#content-deck { 
   margin-bottom: 2.5em; 
   }
   
tabs tab:not([pinned]) {
  min-width: 150px !important;/* Minimale Tabbreite  */
  max-width: 150px !important;/* Maximale Tabbreite  */
}

Alles anzeigen

GermanFreme82

Zitat von 2002Andreas

Zitat von GermanFreme82

"TableisteUnten.uc.js"

Das Script mal entfernen, und nur den obigen Code in die userChrome.css eintragen.

Ist gemacht und nun wirds richtig lustig ...

Schau dir bitte mal an was da lustiges rauskommt.

Das produziert ja gleich mehrere neue Fehler ;-).

Kann man dieses komische grau nicht durch meinen Skin ersetzen und die Abstände bitte so machen, das ich nicht verzweifel und die Font auweija, das kann doch kein Mensch mehr lesen, also ich zumindest nicht.

Wie die Farben, Abstände und die Schrift richtig aussehen sollten, das siehst du auf dem 2. Bild im Anhang.

GermanFreme82

Zitat von 2002Andreas

Zitat von GermanFreme82

das Script hab ich eben dummerweise gelöscht

In Beitrag Nr. 10 hast du doch alle deine Scripte gepostet.

Stimmt !

Hab das Script jetzt wieder reinkopiert in die "TableisteUnten.uc.js" und die TABleiste ist aber immer noch ganz oben.

Schau bitte einmal auf das Bild hier, da siehst du wie ich die gerne wieder haben würde bitte !

GermanFreme82

Ich benötige jedoch immer noch Hilfe dafür, das ich die TABleiste entweder über die Leiste von eben bekomme, oder zumindest UNTER die Symbolleiste meiner Favoriten, denn das Script hab ich eben dummerweise gelöscht, wie vorhin geschrieben, weils doppelt war ;-).

GermanFreme82

Zitat von 2002Andreas

Zitat von GermanFreme82

die ist nun komplett schwarz

Die Farbe muss du in Zeile 14 anpassen.
Oder die ganze Zeile entfernen.

Zitat von GermanFreme82

es kommt eine zusatzleise darüber

Dann funkt dir ein anderes Script dazwischen.

Ha ich hab den Fehler gefunden ... ich bin dumm ;-).

Vorhin hab ich ja das gleich Script in eine andere Datei geschrieben, daher war es doppelt.

Ich hab nun Zeile 14 aus dem Code gelöscht und meine Skinfarbe stimmt nun auch, perfekt !

GermanFreme82

Zitat von 2002Andreas

Zitat von GermanFreme82

Ich hab nur die "TableisteUnten.uc.js"

Das Script ist nicht für die Tableiste gedacht, sondern die Add-on Leiste unten wieder erstellen.
Steht doch auch so im Script:
tb.id = 'new-toolbar';

Ok jetzt hab ichs in die "AddonLeisteUnten.uc.js" reingeschrieben und meine Leiste unten ist wieder da.

ABER die ist nun komplett schwarz und nicht in der Farbe des Skins und es kommt eine zusatzleise darüber raus.

Ich brauch nur eine Leiste unten nicht 2.

GermanFreme82

Zitat von 2002Andreas

Gar nichts.
Das ist ein Script und kein CSS Code.
Damit sollst du dein Script ersetzen.

so jetzt sieht mein "TableisteUnten.uc.js" so aus:

Code

(function() {

  if (location != 'chrome://browser/content/browser.xhtml')
    return;
    
  var tb = document.createXULElement('toolbar');
  tb.id = 'new-toolbar';
  tb.setAttribute('customizable', true);
  tb.setAttribute('mode', 'icons');

  var vbox  = document.createXULElement('vbox');
  document.getElementById('navigator-toolbox').parentNode.insertBefore(
    vbox, document.getElementById('browser-bottombox'));
    vbox.style.backgroundColor = 'black';
  vbox.appendChild(tb);

  CustomizableUI.registerArea('new-toolbar', {legacy: true});
  CustomizableUI.registerToolbarNode(tb);
 
})();

Alles anzeigen

Meine Leiste ist aber immer noch über der Adressleiste.

Hab ich da was vergessen zu machen ?

Ich hab nur die "TableisteUnten.uc.js" geändert sonst nix.

GermanFreme82

Zitat von 2002Andreas

Zitat von GermanFreme82

AddonLeisteUnten.uc.js

Wurde auch schon geklärt.
#8
PS:
Man könnte natürlich auch selber mal im Anpassen Forum nachsehen.

Tut mir leid da verstehe ich nur Bahnhof.

Kannst du mir bitte das Ding sagen, was ich reinkopieren soll in die userChrome.CSS

Aktuell sieht es so aus und ich bitte dich das zu ersetzen durch die neue Version.

Ich weiß nämlich nicht was ich da löschen darf und was nicht.

Am Ende mach ich es noch schlimmer ;-).

Und wie muß die neue "AddonLeisteUnten.uc.js" denn dann aussehen ?

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

Alles anzeigen

Beiträge von GermanFreme82

Firefox 69 Anpassungen fehlerhaft trotz about:config Änderung

Firefox 69 Anpassungen fehlerhaft trotz about:config Änderung

Firefox 69 Anpassungen fehlerhaft trotz about:config Änderung

Firefox 69 Anpassungen fehlerhaft trotz about:config Änderung

Firefox 69 Anpassungen fehlerhaft trotz about:config Änderung

Firefox 69 Anpassungen fehlerhaft trotz about:config Änderung

Firefox 69 Anpassungen fehlerhaft trotz about:config Änderung

Firefox 69 Anpassungen fehlerhaft trotz about:config Änderung

Firefox 69 Anpassungen fehlerhaft trotz about:config Änderung

Firefox 69 Anpassungen fehlerhaft trotz about:config Änderung

Firefox 69 Anpassungen fehlerhaft trotz about:config Änderung

Firefox 69 Anpassungen fehlerhaft trotz about:config Änderung

Firefox 69 Anpassungen fehlerhaft trotz about:config Änderung

Firefox 69 Anpassungen fehlerhaft trotz about:config Änderung

Firefox 69 Anpassungen fehlerhaft trotz about:config Änderung

Firefox 69 Anpassungen fehlerhaft trotz about:config Änderung

Firefox 69 Anpassungen fehlerhaft trotz about:config Änderung

Firefox 69 Anpassungen fehlerhaft trotz about:config Änderung

Firefox 69 Anpassungen fehlerhaft trotz about:config Änderung

Firefox 69 Anpassungen fehlerhaft trotz about:config Änderung