Mehr kann ich dazu auch nicht sagen.
Pfade und Ordner sind auch hochgeladen keien Ahnung also, was Firefox 69 da nicht rafft.
Du raffst es nicht. Du weigerst dich beharrlich meine Vorschläge umzusetzen und lässt lieber Andreas rumdoktern, der überhaupt nicht weiß, was du auf deinem Rechner machst. Das war es für mich.
Im Firefox 68.0.2 geht es aber nur im Firefox 69 nicht, also kanns ja nicht viel sein, was da als Lösung fehlt.
Ich alber jetzt schon seid 7 Stunden mit dem Firefox 69 umher.
Bitte Herr im Himmel du Heiliger bitte erbarme dich und sende einen Erlöser der die Wissenschaft der Menschheit entziffert und das unmögliche Mysterium der Menschheitsgeschichte "DIE TABLEISTE NACH UNTEN" lösen kann.
Alles anzeigenHabe ich doch geschrieben.
Script und CSS Code zusammen funktionieren nicht.
Entweder das Script ODER den CSS Code.
Mach bitte einfach das es geht.
Du siehst doch auf Grund der ganzen Screenshots, dass es hier funktioniert.
Keine Ahnung was dir dazwischen funkt
Es sind alle CSS , JS und was auch immer hochgeladen und sichtbar.
Bitte schau dir das mal an und prüfe woran es liegt.
Mehr kann ich dazu auch nicht sagen.
Pfade und Ordner sind auch hochgeladen keien Ahnung also, was Firefox 69 da nicht rafft.
Zielsetzung: siehe Foto
erreicht:
Leiste unten
Design Leiste unten
fehlt noch:
Tableiste unter Favoritenleiste
wenn ich das hier in die USERchrome.CSS schreibe
Script und CSS Code funktioniert auch nicht zusammen.
Sieht dann so aus:
Keine Ahnung was du damit meinst, wirklich nicht.
Ich will einfach nur meine Tableiste unter den Favoriten haben und nicht innen drinnen, mehr nicht.
Mach bitte einfach das es geht.
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:
#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;
}Es muß also irgendein Wert geändert werden, damit ich die Leiste auch da sehe, wo sie hingehört, aber welcher Wert ?
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
(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);
};
})();ffc-button-exit.uc.js
(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);
};
})();ffc-button-restart.uc.js
(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);
};
})();ffc-menu-restart.uc.js
(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
(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);
})();Die UserChrome.CSS ist wie folgt:
@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;
}UserChrome.JS
// 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});TableisteUnten.uc.js => geht NICHT !
(function() {
var tabbar = document.getElementById('TabsToolbar');
if (tabbar && !tabbar.collapsed) {
tabbar.parentNode.parentNode.appendChild(tabbar);
};
})();TabProtectmod.uc.js => geht auch NICHT !
// ==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();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
Aktuell siehts so aus bei mir :
TableisteUnten.uc.js
(function() {
var tabbar = document.getElementById('TabsToolbar');
if (tabbar && !tabbar.collapsed) {
tabbar.parentNode.parentNode.appendChild(tabbar);
};
})();userChrome.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;
}Ist das jetzt alles richtig ?
Bei mir ist die Tableiste aber nun immer noch über der Adressleiste.
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.
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; }
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 ?
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.
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 ?
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
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; }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.
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
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.
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
#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 */
}"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.
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 !