Werde ich mal machen.
Beiträge von DirkZ3
-
-
Wäre aber nicht schlecht, wenn man das standardmäßig einstellen könnte.
Weiß auch nicht, warum das kein Browser anbietet. -
Ich habe jetzt das 6. genommen.
Im userChrome.css habe ich die Zeilen aus dem Link "Aris" eingefügt und dort die Einträge unter Root die Tab-Breite jeweils auf 100 verändert (gefällt mir so am besten). -
Ist korrigiert
-
"Auch funktioniert dieser CSS-Code von Aris für die userChrome.css, auch wenn dort, im Gegensatz zum Skript, dann Drag-and-Drop der Tabs nicht richtig funktioniert: ► https://github.com/Aris-t2/Custom…le_lines_v2.css "
Das war es.Danke
-
Alle Dateien drin.
Bleibt einzeilig. Leider.Vielleicht hilft das weiter:
im Chrome Ordner befinden sich folghende Dateien:
userChrome.jsuserChrome.css
CSS@charset "UTF-8"; @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); toolbarbutton#alltabs-button{-moz-binding: url("userChrome.xml#js");} tabs tab[fadein]:not([pinned]) { min-width: 100px !important;/* Minimale Tabbreite 76px */ max-width: 100px !important;/* Maximale Tabbreite 225px */ }
userContent.css
Code/* userContent.css *********************************************/ /* Do not remove the @namespace line -- it's required for correct functioning * set default namespace to XUL */ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
MultiRowTabLiteforFx.uc
CSS
Alles anzeigen// ==UserScript== // @name zzzz-MultiRowTab_LiteforFx48.uc.js // @namespace http://space.geocities.yahoo.co.jp/gl/alice0775 // @description Experimentelle CSS Version für Mehrzeilige Tableiste // @include main // @compatibility Firefox 66 // @author Alice0775 // @version 2016/08/05 00:00 Firefox 48 // @version 2016/05/01 00:01 hide favicon if busy // @version 2016/03/09 00:01 Bug 1222490 - Actually remove panorama for Fx45+ // @version 2016/02/09 00:01 workaround css for lwt // @version 2016/02/09 00:00 // ==/UserScript== "user strict"; MultiRowTabLiteforFx(); function MultiRowTabLiteforFx() { var css =` /* Tableiste unter Adressleiste und Lesezeichenleiste verschieben */ #main-window[lwthemetextcolor="dark"] #window-controls toolbarbutton, #main-window[lwthemetextcolor="dark"] .titlebar-buttonbox .titlebar-button { color: rgb(24, 25, 26) !important; } #main-window[lwthemetextcolor="dark"] #window-controls toolbarbutton:not([id="close-button"]):hover, #main-window[lwthemetextcolor="dark"] .titlebar-buttonbox .titlebar-button:not([class="titlebar-button titlebar-close"]):hover { background-color: var(--lwt-toolbarbutton-hover-background, hsla(0,0%,70%,.4)) !important; } #titlebar { -moz-box-ordinal-group: 2; -moz-appearance: none !important; } #navigator-toolbox:not([style^="margin-top:"])[style=""] #window-controls,.titlebar-buttonbox-container { position: fixed; top: 0; right:0; height: 26px; } [tabsintitlebar="true"][sizemode="normal"] .titlebar-buttonbox-container { top: 1px; } [tabsintitlebar="true"][sizemode="maximized"] .titlebar-buttonbox-container { top: 8px; } [tabsintitlebar="true"][sizemode="maximized"] #navigator-toolbox { padding-top: 8px !important; } [tabsintitlebar="true"]:not([sizemode="fullscreen"]) #nav-bar { padding-right: 139px !important; } [sizemode="fullscreen"] #nav-bar { padding-right: 109px !important; } /* Mehrzeilige Tableiste */ tabs>arrowscrollbox{display:block;} tabs arrowscrollbox>scrollbox { display:flex;flex-wrap:wrap; max-height: calc(var(--tab-min-height) * 20); /* Anzahl der Tabzeilen */ overflow-x:hidden;overflow-y:auto; } [tabsintitlebar="true"] tabs scrollbar{-moz-window-dragging:no-drag;} /* Bei Überschreitung der angegebenen Zeilenanzahl, mit der Maus, über die dann eingeblendetet Scrolleiste zu Zeile wechseln */ tabs tab[fadein]:not([pinned]){flex-grow:1;} tabs tab,.tab-background { height: var(--tab-min-height); overflow: hidden; z-index: 1 !important; } tab>.tab-stack{width:100%;} [sizemode="fullscreen"] #TabsToolbar>#window-controls, .titlebar-buttonbox-container>.titlebar-buttonbox{display:block;} [sizemode="fullscreen"] #TabsToolbar>#window-controls>toolbarbutton { padding: 8px 12px !important; } .titlebar-buttonbox>.titlebar-button { padding: 8px 17px !important; } /* Drag-Bereich auf der linken und rechten Seite der Tab-Leiste auslenden - verstecken Links und rechts ? hbox.titlebar-spacer Links ? hbox.titlebar-spacer[type="pre-tabs"] Rechts ? hbox.titlebar-spacer[type="post-tabs"] */ hbox.titlebar-spacer, /* Ausblenden - verstecken */ #alltabs-button,tabs [class^="scrollbutton"],tabs spacer,tab:not([fadein]) { display: none; } /* Breite der Navigationleiste */ #urlbar,.searchbar-textbox { margin: 0 !important; min-height: 26px !important; } #urlbar-zoom-button, #nav-bar toolbarbutton,#nav-bar toolbaritem { padding: 0 !important; margin: 0 !important; } /* urlbar searchbar Breite */ .urlbar-history-dropmarker, #page-action-buttons, .search-go-container { height: 26px !important; } .urlbar-textbox-container { max-height: 26px !important; } /* Hauptsymbolleistenbreite */ #nav-bar [id="back-button"] .toolbarbutton-icon { width: 28px !important; height: 28px !important; padding: 4px !important; } #nav-bar [id="forward-button"] .toolbarbutton-icon { width: 26px !important; height: 26px !important; padding: 4px !important; } #PanelUI-button { margin-inline-start: 0px !important; border-inline-start: none !important; } /* Hauptsymbolleiste toolbarbutton-badge */ #nav-bar .toolbarbutton-badge { margin-block-start: 1px !important; margin-inline-end: 0px !important; min-width: var(--arrowpanel-padding) !important; font-size: 8px !important; } /* Lesezeichenleiste toolbarbutton-badge */ #PersonalToolbar .toolbarbutton-badge { margin-block-start: -2px !important; margin-inline-end: -3px !important; min-width: var(--arrowpanel-padding) !important; font-size: 8px !important; } /* Lesezeichenleiste */ #PersonalToolbar { min-height: 20px !important; padding: 0px 2px 0px 2px !important; visibility: visible !important; } #PersonalToolbar > #personal-bookmarks { height: 20px !important; } #PersonalToolbar #PlacesToolbarItems { min-height: 20px !important; max-height: 20px !important; } #PersonalToolbar #PlacesToolbarItems toolbarbutton.bookmark-item { min-height: 20px !important; max-height: 20px !important; max-width: 160px !important; padding: 0px 2px 0px 2px !important; margin: 0 !important; } #PersonalToolbar toolbarbutton.chromeclass-toolbar-additional { max-width: 20px !important; max-height: 20px !important; padding: 0px 3px 0px 3px !important; margin: 0 !important; } `; var sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService); var uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(css)); sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET); var style = ' \ tabs tab:not(stack) { \ border-left: solid 1px hsla(0,0%,50%,.5) !important; \ border-right: solid 1px hsla(0,0%,50%,.5) !important; \ } \ tabs tab:after,tabs tab:before{display:none!important;} \ '; var sspi = document.createProcessingInstruction('xml-stylesheet', 'type="text/css" href="data:text/css,' + encodeURIComponent(style) + '"'); document.insertBefore(sspi, document.documentElement); gBrowser.tabContainer._animateTabMove = function(event){} gBrowser.tabContainer._finishAnimateTabMove = function(event){} gBrowser.tabContainer.lastVisibleTab = function() { var tabs = this.children; for (let i = tabs.length - 1; i >= 0; i--){ if (!tabs[i].hasAttribute("hidden")) return i; } return -1; }; gBrowser.tabContainer.clearDropIndicator = function() { var tabs = this.children; for (let i = 0, len = tabs.length; i < len; i++){ let tab_s= tabs[i].style; tab_s.removeProperty("border-left-color"); tab_s.removeProperty("border-right-color"); } }; gBrowser.tabContainer.addEventListener("dragleave",gBrowser.tabContainer.clearDropIndicator, false); gBrowser.tabContainer._onDragOver = function(event) { event.preventDefault(); event.stopPropagation(); this.clearDropIndicator(); var newIndex = this._getDropIndex(event); if (newIndex == null) return; if (newIndex < this.children.length) { this.children[newIndex].style.setProperty("border-left-color","red","important"); } else { newIndex = gBrowser.tabContainer.lastVisibleTab(); if (newIndex >= 0) this.children[newIndex].style.setProperty("border-right-color","red","important"); } }; gBrowser.tabContainer.addEventListener("dragover", gBrowser.tabContainer._onDragOver, false); gBrowser.tabContainer._getDropIndex = function(event, isLink) { var tabs = this.children; var tab = this._getDragTargetTab(event, isLink); if (!RTL_UI) { for (let i = tab ? tab._tPos : 0; i < tabs.length; i++) if (event.screenX < tabs[i].boxObject.screenX + tabs[i].boxObject.width / 2 && event.screenY < tabs[i].boxObject.screenY + tabs[i].boxObject.height) // multirow fix return i; } else { for (let i = tab ? tab._tPos : 0; i < tabs.length; i++) if (event.screenX > tabs[i].boxObject.screenX + tabs[i].boxObject.width / 2 && event.screenY < tabs[i].boxObject.screenY + tabs[i].boxObject.height) // multirow fix return i; } return tabs.length; }; gBrowser.tabContainer.onDrop = function(event) { this.clearDropIndicator(); var dt = event.dataTransfer; var draggedTab; if (dt.mozTypesAt(0)[0] == TAB_DROP_TYPE) { draggedTab = dt.mozGetDataAt(TAB_DROP_TYPE, 0); if (!draggedTab) return; } this._tabDropIndicator.collapsed = true; event.stopPropagation(); if (draggedTab && draggedTab.parentNode == this) { let newIndex = this._getDropIndex(event, false); if (newIndex > draggedTab._tPos) newIndex--; gBrowser.moveTabTo(draggedTab, newIndex); } }; gBrowser.tabContainer.addEventListener("drop",gBrowser.tabContainer.onDrop, false); }
-
Danke für die Antwort. Bis FF64 hat ja alles funktioniert. Werde trotzdem mal alles überprüfen.
-
Hallo Endor,
zunächst Dankle für die Skripte.
Ich kriege die mehrzeilige Anzeige nicht hin.
Ich habe alle MultiRowTabLiteforFx.uc.js versucht. Es bleibt einzeilig (mit einem Pfeil am Anfang und am Ende der Tab-Zeile).Wie muss denn die userChrome.css aussehen?
Da habe ich lediglich das drin.Code@charset "UTF-8"; @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); toolbarbutton#alltabs-button{-moz-binding: url("userChrome.xml#js");}
Dirk
-
Ich bekomme es nicht hin.
Habe die neue CSS probiert.
Habe FF neu installiert.
Habe neue Profile angelegt.Habe jetzt unter FF60 (neu installiert) folgendes Phänomen:
Nutze meine alte css (bei der neuen ist das noch schlechter).Er legt mir aufgrund meiner Einstellungen pro Zeile 25 Tabs an.
Wenn ich einen Tab von der 2. Zeile in die 1. Zeile verschieben möchte, dann kann ich das nur bis einschließlich zu dem Tab machen, wie in den 2. Zeile vorhanden sind.
Beispiel:
In der 1. Zeile sind die 25 Tabs vorhanden und in der 2. Zeile 16, dann kann ich einen Tab der 2. Zeile nur bis zur 16. Stelle der 1. Zeile schieben.Auch innerhalb der 1. Zeile kann ich Tabs nur bis der Stelle schieben, wie in der 2. Zeile vorhanden sind (also wie im Beispiel bis zur 16.)
Wenn ich einen Tab innerhalb der 2. Zeile verschieben möchte, dann geht das nicht, da der Tab dann wieder zur 1. Zeile verschoben wird (max. bis zur 16. Stelle).
Einen Tab der 1. Zeile bekomme ich ihn nicht in die 2. Zeile (das gilt auch für einen in die 1. Zeile verschobenen).
Bei 3 Zeilen wird es ganz verrückt.
Beispiel:
1. Zeile: 25 Tabs
2. Zeile: 25 Tabs
3. Zeile: 11 TabsVon der 3. Zeile kann ich einen Tab in die 2. Zeile bis zum dortigen 11. Tab verschieben. Umgekehrt geht nichts.
Einen Tab der 2. Zeile kann ich innerhalb der 2. Zeile nur zur 7. bis 11. Stelle verschieben.
Sobald ich bei der 6. Stelle ankomme, öffnet sich ein freies Feld darüber in der 1. Zeile sowie ein freies Feld ganz am Anfang der 2. Zeile.
Wenn ich den zu verschiebenen Tab loslasse, wird er automatisch in das freie Feld der 1. Zeile abgelegt (bei 6 auf 6, bei 5 auf 5 usw.).Wenn ich einen Tab der 1. Zeile verschiebe, dann passiert folgendes:
Tab 1 bis 4 der 1. Zeile lässt sich bis zur 5. Position verschieben. Möchte ich zur 6. Position der 1. Zeile, dann öffnet sich ein freies Feld der 2. Zeile an der 6. Position. Lasse ich den zu verschiebenen Tab los, dann ist er an der 6. Stelle in der 2. Zeile.
Das ganze passiert so bis zur 11. Position (der Tab wird bis zur 11. Position der 2. Zeile abgelegt.)
Wir erinnern uns: in der 3. Zeile sind 11 Tabs geöffnet.Tab 11 bis 25 der 1. Zeile verschieben sich immer auf die 11. Position der 2. Zeile (egal ob ich den Tab nach links oder rechts verschieben will). Dazu reicht ein leichtes Verschieben des Tabs aus. Er positionert dann sofort (ohne, dass ich Ihn dort hin geschoben habe) an der 11. Position der 1. Zeile. Gleichzeitig öffnet sich in der 2. Zeile an der 11. Position ein freies Feld. Sobald ich die Mouse los losse fällte der Tab quasi nach unten an die 11. Position der 2. Zeile.
Anders ist es, wenn ich den zu verschiebenen Tab der 1. Zeile nicht loslasse und über die 11. Position weiter nach vorn zur 10., 9.... Position weiterschiebe. Dann öffnet sich ab der 10. Position immer ein Feld darunter in der 2. Zeile. Lasse ich los, dann fällt der Tab in die 10. Position, 9. Position usw.
ABER ACHTUNG: Das Ganze funktioniert nur bis zur 6. Position in dieser Art und Weise.
DENN: Ab der 5. bis zur 1. Position bleibt der zu verschiebene Tab innerhalb der 1. Zeile an Position 5 bis 1.PS:
Bei 12, 13, 14 ... Zeilen in der 3. Zeile lässt sich alles bis zur entsprechenden Zeile (12, 13, 14...) verschieben. Keinen Einfluss hat die Anzahl der geöffneten / vorhandenen Tabs der 3. Zeile auf das Verschieben innerhalb der 1. Zeile nach vorn ab der 6. Positinon. Da ist alles gleich.Wie gesagt, bin am Ende mit meinem Latain.
Hoffe nur, dass Ihr hier durchseht. 4 Zeilen und mehr habe ich erst gar nicht versucht und probiert.Dirk
-
Meine userChrom.css
CSS
Alles anzeigen@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); /*AGENT_SHEET*/ /* === Firefox 多段タブ === */ :root { --multirowtab-height: 31px; /* タブの高さ */ --new-tab-button: 26px; /* 新しいタブボタン外枠幅 */ --new-tab-buttonicon: 14px; /* 新しいタブボタン画像部分 */ --multirowtab-min-width: 100px; /* タブの最小横幅 */ --multirowtab-max-width: 100px; /* タブの最大横幅 */ --multirowtabbar-height: 9; /*タブバーの高さ(段数)*/ } /* 多段タブの要素 */ .tabbrowser-arrowscrollbox { -moz-binding: url("chrome://global/content/bindings/scrollbox.xml#arrowscrollbox") !important; } .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox { display: block !important; overflow: visible !important; } .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox > .scrollbox-innerbox { display: flex; flex-wrap: wrap; overflow-y: hidden !important; overflow-x: hidden !important; /* 段数制限いらない人はこれを消す */ max-height: calc( var(--multirowtab-height) * var(--multirowtabbar-height) ) !important; } #tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox, #tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] { min-height: var(--multirowtab-height) !important; } /* スクロールバーをドラッグ出来るようにする。 */ /**/ #main-window[tabsintitlebar] #tabbrowser-tabs { -moz-window-dragging: no-drag !important; } .tabbrowser-tab { min-height: var(--multirowtab-height) !important; vertical-align: top !important; display: -webkit-box !important; } .tab-stack { width: 100% !important; min-height: unset !important; } .tab-label-container[pinned] { visibility: collapse !important; } /* タイトルバーボタン */ #titlebar,#titlebar-buttonbox { height: var(--multirowtab-height) !important; } #titlebar{ margin-bottom: calc(var(--multirowtab-height) * -1) !important; } #main-window[sizemode="maximized"] #titlebar { margin-bottom: calc(8px + var(--multirowtab-height) * -1) !important; } /* 新しいタブボタン */ #new-tab-button, .tabs-newtab-button { min-width: 0px !important; width: var(--new-tab-button) !important; height: var(--new-tab-button) !important; margin-top: 3px !important; margin-bottom: 2px !important; margin-left: 1px !important; } #new-tab-button:hover, .tabs-newtab-button:hover { background: var(--toolbarbutton-hover-background) !important; } #new-tab-button .toolbarbutton-icon, .tabs-newtab-button .toolbarbutton-icon { width: var(--new-tab-buttonicon) !important; height: var(--new-tab-buttonicon) !important; margin: 0px !important; padding: 0px !important; background: none !important; } /* --- タブ横幅 --- */ /* アクティブタブ */ /* .tabbrowser-tab:not([pinned])[selected="true"] { width: auto !important; max-width: var(--multirowtab-max-width) !important; } */ /* 非アクティブタブ */ .tabbrowser-tab:not([pinned]) { flex-grow: 1 !important; min-width: var(--multirowtab-min-width) !important; max-width: var(--multirowtab-max-width) !important; } /* --- タブ文字色サイズ --- */ /* アクティブ */ /* .tabbrowser-tab[selected="true"] .tab-label { color: rgba(34, 139, 34, 1.0) !important; text-shadow: 1px 2px 1px #fff !important; font-weight: 900; font-size: 120%; } */ /* 非アクティブ */ /* .tabbrowser-tab:not([visuallyselected=true]) { color: rgba(65, 105, 225, 1.0) !important; text-shadow: 1px 2px 1px #fff !important; font-weight: 900; font-size: 120%; } */ /* 読み込まれているが未読(選択されていない) */ /* .tabbrowser-tab:not([selected="true"])[unread] .tab-label { color: rgba(255, 0, 0, 1.0) !important; text-shadow: 1px 2px 1px #fff !important; font-weight: 900; font-size: 120%; } */ /* まだ読み込まれていない(訪問されている) */ /* .tabbrowser-tab:not([selected="true"])[pending] .tab-label, .tabbrowser-tab:not([selected="true"])[visited] .tab-label { color: rgba(0, 0, 0, 0.6) !important; text-shadow: 1px 2px 1px #fff !important; font-weight: 900; font-size: 120%; } */ /* 読み込み中 */ /* .tabbrowser-tab[busy] .tab-text.tab-label { color: rgba(0, 0, 255, 1.0) !important; text-shadow: 1px 2px 1px #fff !important; font-weight: 900; font-size: 120%; } */ /* タブ内の新しいアクティビティ ピン留め? */ /* .tabbrowser-tab[titlechanged] .tab-text.tab-label { color: rgba(153, 0, 0, 1.0) !important; font-weight: 900; font-size: 120%; } */ /* タブバーの左右にあるドラッグスペースの非表示 */ /* .titlebar-placeholder[type="pre-tabs"], .titlebar-placeholder[type="post-tabs"], */ /* 非表示 */ #tabbrowser-tabs .scrollbutton-up, #tabbrowser-tabs .scrollbutton-down, #tabbrowser-tabs .autorepeatbutton-up, #tabbrowser-tabs .autorepeatbutton-down, .arrowscrollbox-overflow-start-indicator, .arrowscrollbox-overflow-end-indicator, #alltabs-button,.tabbrowser-tab:not([fadein]) { display: none !important; } /* すべてのタブにタブを閉じるボタンを表示 */ .tab-close-button.close-icon:not([pinned]) { display: inline-block !important; } /* === ツールバー === */ /* ブックマークツールバー文字サイズ */ /* #PersonalToolbar { font-weight: 900; font-size: 111%; } */ /* 検索バーの → を常に表示するように固定 */ /* .search-go-button { display: inline-block !important; } */ /* 条件付きで[進む]ボタンを非表示にする */ /* #forward-button[disabled="true"] { display: none !important; } */
Edit 2002Andreas
Text in Klammercode gesetzt. -
-
Weil ich die userChrome.css von hier nutze.
-
Hallo,
seit FF60 lassen sich die Tabs nicht mehr verschieben.
Hat noch jemand das Problem?Bin zurück auf 59. Alles i.O.
-
Pete
In der css Datei die Zahl (hier: 3) in die gewünschte Zeilenanzahl ändern.
-multirowtabbar-height: 3; /*タブバーの高さ(段数)*/ -
Alles gefunden und erledigt.
-
Jetzt geht es. Hatte was falsch bezeichnet.
Wo ändere ich nun noch die Zeilenanzahl? -
Hallo,
bei mir bleibt es einzeilig.
Habe beide Dateien im Chrome Ordner.
Vielleicht mache ich was falsch??? -
-
Muss ich da noch etwas beachten?
Irgendwelche Zeichen bzw. Zeilenabstand? -
Hallo,
wahrscheinlich eine banale Sache. Aber ich konnte bisher noch keine Antwort finden.
Ich habe mir den Ordner Chrome angelegt. Da ist auch eine userChrome.css drin (Funktion: mehrzeilige Tabs). Ich will mir nun eine weitere Funktion erstellen.
Wie mache ich das?
Wenn ich eine weitere userChrome.css erstelle und versuche, diese in den Chrome-Ordner zu verschieben, sagt mir Windows, dass die Datei schon vorhanden ist.Danke für die Hilfe.