Beiträge von MarketMaker

MarketMaker

Hallo Andreas

Die Zeilen sind schon sehr alt und von irgendwo übernommen worden und hab das aus dem eigentlichen code zusammengekürzt.

Habe jetzt mal Chatgpt bemüht und gleichzeitig eine Multitabreihe anfertigen lassen. Bei der Multitabreihe funktioniert das schließen der Tabs aber noch nicht das Verschieben von Tabs (hatte keine Lust mehr).

KI hatte große Schwierigkeiten die Tabfarbe des aktiven Tab mit gleichzeitiger Borderlinie und den benötigten Abständen zu berechnen.

Ein Wechsel auf box-shadow Zuweisungen ging dann besser.

Also folgend mal der komplette Code. Genügt mir erstmal.

CSS

/* ============================================================
   FIREFOX MULTIROW TABS
   7 TABS PRO REIHE / 5 REIHEN
   ============================================================ */


/* ============================================================
   GRUNDWERTE
   ============================================================ */

:root {
    --tab-min-height: 29px !important;

    --tab-gap-x: 6px;
    --tab-gap-y: 12px;

    --tabs-left-space: 10px;

    --scrollbar-space: 24px;

    --tabs-top-space: 12px;
}


/* ============================================================
   TAB-HÖHE
   ============================================================ */

.tabbrowser-tab {
    height: 29px !important;
    min-height: 29px !important;
    max-height: 29px !important;

    box-sizing: border-box !important;

    margin-top: 6px !important;
    margin-bottom: 6px !important;

    margin-left: 0 !important;
    margin-right: 6px !important;
}


/* ============================================================
   TABLEISTE
   ============================================================ */

#tabbrowser-tabs {

    min-height: unset !important;

    padding-top: var(--tabs-top-space) !important;

    box-sizing: border-box !important;
}


/* ============================================================
   ARROWSCROLLBOX
   ============================================================ */

#tabbrowser-tabs > .tabbrowser-arrowscrollbox {

    display: block !important;

    min-height: unset !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}


/* ============================================================
   MULTIROW CONTAINER
   ============================================================ */

#tabbrowser-tabs
scrollbox[part][orient="horizontal"] {

    display: flex !important;

    flex-direction: row !important;

    flex-wrap: wrap !important;

    align-content: flex-start !important;

    align-items: flex-start !important;

    max-height: calc(
        5 * 41px
    ) !important;

    min-height: 41px !important;

    overflow-x: hidden !important;

    overflow-y: auto !important;

    scrollbar-gutter: stable !important;

    box-sizing: border-box !important;

    padding-left: var(--tabs-left-space) !important;

    padding-right: var(--scrollbar-space) !important;
}


/* ============================================================
   DIREKTE KINDER
   ============================================================ */

#tabbrowser-tabs
scrollbox[part][orient="horizontal"] > * {

    flex-wrap: wrap !important;
}


/* ============================================================
   TABS
   ============================================================ */

#tabbrowser-tabs
.tabbrowser-tab[fadein]:not([pinned]) {

    flex: 0 0 calc(
        (100% - 36px - var(--scrollbar-space)) / 7
    ) !important;

    width: calc(
        (100% - 36px - var(--scrollbar-space)) / 7
    ) !important;

    min-width: calc(
        (100% - 36px - var(--scrollbar-space)) / 7
    ) !important;

    max-width: calc(
        (100% - 36px - var(--scrollbar-space)) / 7
    ) !important;

    height: 29px !important;

    min-height: 29px !important;

    max-height: 29px !important;

    margin-top: 6px !important;

    margin-bottom: 6px !important;

    margin-left: 0 !important;

    margin-right: 6px !important;

    position: static !important;

    /*
       WICHTIG:
       Kein Transform für das Layout.
       Nur die sichtbare Tabfläche wird
       15 px nach rechts verschoben.
    */

    transform: translateX(15px) !important;

    inset: auto !important;

    box-sizing: border-box !important;

    border: 0px solid transparent !important;
}


/* ============================================================
   TAB-STACK
   ============================================================ */

#tabbrowser-tabs
.tabbrowser-tab > .tab-stack {

    width: 100% !important;

    height: 29px !important;

    min-height: 29px !important;

    max-height: 29px !important;

    position: relative !important;

    box-sizing: border-box !important;
}


/* ============================================================
   TAB-HINTERGRUND
   ============================================================ */

#main-window
.tabbrowser-tab .tab-background {

    border-radius: 0 !important;

    box-shadow: none !important;

    outline: none !important;
}


/* ============================================================
   AKTIVER TAB
   ============================================================ */

#main-window
.tabbrowser-tab[selected] {

    border: 0px solid rgba(0,0,250,0.99) !important;

    background-color: rgba(145,0,0,1) !important;

    background-image: none !important;

    box-shadow:
        0px 0px 0px 1px rgba(0,130,0,0.99),
        0px 0px 0px 0px rgba(200,200,200,1)
        !important;
}


/* ============================================================
   AKTIVER TAB – INTERNEN FIREFOX-HINTERGRUND AUSBLENDEN
   ============================================================ */

#main-window
.tabbrowser-tab[selected] .tab-background {

    background: transparent !important;

    background-image: none !important;

    border: none !important;

    box-shadow: none !important;

    outline: none !important;
}


/* ============================================================
   INAKTIVER TAB + HOVER
   ============================================================ */

#main-window
.tabbrowser-tab:not([selected]):hover {

    border: 0px solid rgba(0,250,0,0.99) !important;

    background-color: rgba(0,145,0,1) !important;

    background-image: none !important;

    box-shadow:
        0px 0px 0px 1px rgba(0,0,230,0.99),
        0px 0px 0px 0px rgba(200,200,200,1)
        !important;
}


/* ============================================================
   INAKTIVER TAB – FIREFOX-HINTERGRUND AUSBLENDEN
   ============================================================ */

#main-window
.tabbrowser-tab:not([selected]):hover .tab-background {

    background: transparent !important;

    background-image: none !important;

    border: none !important;

    box-shadow: none !important;

    outline: none !important;
}


/* ============================================================
   INAKTIVER TAB
   ============================================================ */

#main-window
.tabbrowser-tab:not([selected]):not(:hover) {

    border: 0px solid rgba(250,0,0,0.99) !important;

    background-color: rgba(45,45,45,1) !important;

    background-image: none !important;

    box-shadow:
        0px 0px 0px 1px rgba(130,130,130,0.99),
        0px 0px 0px 0px rgba(200,200,200,1)
        !important;
}


/* ============================================================
   INAKTIVER TAB – FIREFOX-HINTERGRUND AUSBLENDEN
   ============================================================ */

#main-window
.tabbrowser-tab:not([selected]):not(:hover) .tab-background {

    background: transparent !important;

    background-image: none !important;

    border: none !important;

    box-shadow: none !important;

    outline: none !important;
}


/* ============================================================
   TAB-INHALT
   ============================================================ */

#main-window
.tabbrowser-tab .tab-content {

    display: flex !important;

    align-items: center !important;

    height: 29px !important;

    min-height: 29px !important;

    max-height: 29px !important;

    box-sizing: border-box !important;
}


/* ============================================================
   TAB-TEXT
   ============================================================ */

#main-window
.tabbrowser-tab .tab-label {

    height: 29px !important;

    display: flex !important;

    align-items: center !important;

    line-height: normal !important;

    box-sizing: border-box !important;
}


/* ============================================================
   SCHLIESSEN-BUTTON
   ============================================================ */

#main-window
.tabbrowser-tab .tab-close-button {

    align-self: center !important;

    margin-top: 0 !important;

    margin-bottom: 0 !important;

    transform: none !important;
}


/* ============================================================
   SCROLLPFEILE AUSBLENDEN
   ============================================================ */

#tabbrowser-tabs .scrollbutton-up,
#tabbrowser-tabs .scrollbutton-down,
#tabbrowser-tabs #alltabs-button {

    display: none !important;
}


/* ============================================================
   ÜBERFLÜSSIGE FIREFOX-SPACER AUSBLENDEN
   ============================================================ */

#tabbrowser-tabs
scrollbox[part][orient="horizontal"] > spacer {

    display: none !important;
}

Alles anzeigen

MarketMaker

Hallo

Ab FF 154 paßt meine CSS für die Tabs nicht mehr.

Beim aktiven Tab haut die Darstellung der Linie um den Tab nicht mehr hin und andere Linien sind dazugekommen.

Die Tabhöhe beim aktiven Tab ist bei näherer Betrachtung höher wie die anderen Tabs.

Hier mal CSS Code als Beispiel.

Die Tabs schweben bei mir über der unteren Grenze und es wird eine Multireihe benutzt, deshalb die Zeilen mit Tabhöhe.

Hat jemand eine Idee?

CSS

/* Tab-Höhe */

.tabbrowser-tab {
min-height:29px !important; 
max-height: 29px !important;
    
     
margin-top: 10px !important; 
margin-bottom: 9px !important; 

vertical-align: bottom !important;
    
margin-Left: 14px !important; 

}

#main-window .tabbrowser-tab [selected]
{
box-shadow:0px 0px 0px 1px rgba(0,0,250, 0.99) , 0px 0px 0px 0px rgba(200,200,200,0) /*inset*/ !important;
background-image: linear-gradient( rgba(145,45,45, 1), rgba(145,45,45,1) ), none !important; }

#main-window .tabbrowser-tab:not([selected]):hover
{
box-shadow:0px 0px 0px 1px rgba(0,250,0, 0.99) , 0px 0px 0px 0px rgba(200,200,200,0) /*inset*/ !important;
background-image: linear-gradient( rgba(45,45,45, 1), rgba(45,45,45,1) ), none !important; }

#main-window .tabbrowser-tab:not([selected])
{box-shadow:0px 0px 0px 1px rgba(250,0,0, 0.99) , 0px 0px 0px 0px rgba(200,200,200,0) /*inset*/ !important;
background-image: linear-gradient( rgba(45,45,45, 1), rgba(45,45,45,1) ), none !important; 
}

Alles anzeigen

MarketMaker

Danke Euch, Problem gelöst.

Ich hatte schon versucht die Symbole mit „Color“ oder „Fill“ einzufärben, dass funktioniert aber bei aktiviertem Kontrast nicht.

Der Befehl mit: stroke: white !important; überschreibt die Kontrasteinstellung .

MarketMaker

Danke funktioniert.

Es gibt nur ein Problem mit den Fenstersymbolen.Die Hintergrundfarbe lässt sich anpassen, aber das eigentliche Symbol benutzt die Farbe die man in den Kontrasteinstellungen wählt.

Beispiel im Bild Design Wüste auf Bearbeiten gehen und bei „Schaltflächentext“ andere Farbe wählen und dann unter anderem Namen abspeichern und anwenden.

Problem ist, wenn man schwarze Schrifft will und in Firefox ein schwarzes Design hat sieht man das Fenstersymbol halt nicht bei transperentem Hintergrund des Symbols.

Kann hier auch einen Befehl formulieren, der die Kontrasteinstellung unterbindet, oder das Symbol eingefärbt werden, wäre mir fasst lieber.

MarketMaker

Firefox Einstellung

Windows Einstellung mit Firefox Symbolleisten. Um die Symbole befindet sich ein Rahmen.

Disigns ausgeschaltet, Rahmen um Symbole ist weg.

Bei meinem ersten Beitrag war Ich davon ausgegangen, dass die Einstellung „Aus“ in Firefox bewirkt, dass die Kontrastdarstellung vollständig unterbunden wird und mich dann gewundert das die Symbolrahmen noch da sind.

Da Ich aber die Symbolleisten selber mit Farbwerten per CSS „überschreibe“ hab Ich nur die Rahmen gesehen.Die Rahmen lassen sich nicht mit den üblichen Borderzuweisungen verändern.

Gibt es eine Möglichkeit per CSS oder in der about:config die Kontrastdarstellung vollständig auszuschalten oder die Rahmen unsichtbar zu machen?

MarketMaker

Hallo

Unter Windows gibt es in den Einstellungen den Punkt „Barrierefreiheit“ wo man „Kontrast Disings“ auswählen oder selber anlegen kann.In Firefox kann man in den Einstellungen (Kontraststeuerung) wählen, dass dieses Kontrast Disings nicht angezeigt wird.

Problem ist nun, dass dieses Ausschalten nicht vollständig funktioniert. Alle Schaltflächen die man anwählen kann in den Symbolleisten, z.B. Lesezeichen, URL Bar Symbole oder NAV Bar Symbole, haben trotzdem noch einen Rand um das jeweilige Symbol ähnlich einer Borderlinie.

Kann man dies in Firefox unterbinden, so das keine Linien um Symbole erscheinen?

MarketMaker

Danke, funktioniert.

MarketMaker

Danke, das funktioniert.

Könnte man noch die Hintergrundfarbe der Mausposition ändern und den Memüpunkt „Tabs von anderen Geräten“ entfernen?

MarketMaker

Hallo

Wie kann man die Hintergrundfarbe und die Schriftgröße im Menü des #alltabs-button ändern?

MarketMaker

Hallo

Das Sript "leerenTabnutzen.uc" verhindert das öffnen aller Lesezeichen eines Lesezeichenordners seit FF 127.

Im Lesezeichenordner auf "alle in Tabs öffnen" hat also keine Funktion.

Wenn Ich das Skript lösche geht das Öffnen, der erste leere Tab wird dann halt nicht mitverwendet.

Code

(function() {

  if (window.__SSi != 'window0')
    return;

  PlacesUIUtils.openTabset = function openTabset(aItemsToOpen, aEvent, aWindow) {
    if (!aItemsToOpen.length)
      return;
    let browserWindow = aWindow &&
      aWindow.document.documentElement.getAttribute("windowtype") == "navigator:browser" ?
      aWindow : BrowserWindowTracker.getTopWindow();
    var urls = [];
    let skipMarking = browserWindow && PrivateBrowsingUtils.isWindowPrivate(browserWindow);
    for (let item of aItemsToOpen) {
      urls.push(item.uri);
      if (skipMarking)
        continue;
      if (item.isBookmark)
        this.markPageAsFollowedBookmark(item.uri);
      else
        this.markPageAsTyped(item.uri);
    }
    var where = browserWindow ?
      browserWindow.whereToOpenLink(aEvent, false, true) : "window";
    if (where == "window") {
      let args = Cc["@mozilla.org/array;1"].createInstance(Ci.nsIMutableArray);
      let stringsToLoad = Cc["@mozilla.org/array;1"].createInstance(Ci.nsIMutableArray);
      urls.forEach(url => stringsToLoad.appendElement(PlacesUtils.toISupportsString(url)));
      args.appendElement(stringsToLoad);
      browserWindow = Services.ww.openWindow(
        aWindow,
        AppConstants.BROWSER_CHROME_URL,
        null,
        "chrome,dialog=no,all",
        args
      );
      return;
    }
    var loadInBackground = (where == "tabshifted");
    browserWindow.gBrowser.loadTabs(urls, {
      inBackground: loadInBackground,
      replace: browserWindow.gBrowser.selectedTab.isEmpty,
      triggeringPrincipal: Services.scriptSecurityManager.getSystemPrincipal(),
    });
  };

})();

Alles anzeigen

MarketMaker

Vielen Dank, läuft wieder.

MarketMaker

Der Code scheint nicht mehr zu funktionieren, könnte jemand nachschauen?

MarketMaker

Hatte das gleiche Problem das Firefox nicht wählbar ist.

Hab es dann so gemacht:

Windows 10 „Start“ - Einstellungen - Apps - Standard Apps nach Dateityp auswählen – Bei der Endung „.html“ dann Firefox auswählen.

Ergebnis: Win 10 führt Firefox als Standardbrowser obwohl er in der Liste nicht wählbar ist.

MarketMaker

Konnte das Problem lösen.

Untere Linie hatte hier jemand gefragt: https://www.camp-firefox.de/forum/viewtopic.php?f=16&t=127151

Obere Linie hab Ich noch in meinen Dateien gefunden.

CSS

#nav-bar{ box-shadow: none !important;}


#navigator-toolbox::after {display: none !important;}

MarketMaker

Hallo

Kann mir jemand sagen, wie Ich folgende Linien die im Bild markiert sind entfernen kann?

https://www.bilder-upload.eu/bild-446773-1549356046.jpg.html

MarketMaker

Hallo

Zitat von jerryc

Da ich noch in einem Vertrag mit eher altmodischem DSL 6000 festsitze, halte ich an der Sache mit der Geschwindigkeit fest. Der Seitenaufbau ohne Java-Schnickschnack ist einfach schneller.

Kann Ich auf meiner ISDN Leitung nur bestätigen.

Nutze selber folgende Erweiterung :

https://addons.mozilla.org/de/firefox/add…ons/?src=search

Diese liefert unter anderem einen Schalter für JS den man über den Anpassen Dialog des FF auf eine Leiste ziehen kann. Dann draufklicken und JS ist ausgeschaltet.

Nutze aber noch den FF22, probier mal ob es unter FF23 funktioniert.

MarketMaker

Das Problem mit dem Tab Verschieben ist nicht behoben.

Habe zwei Festplatten mit dem gleichen System die Ich in einen Wechselrahmen schieben kann.
Eine hab Ich platt gemacht zum Testen, die andere liegt unter dem Kopfkissen.

Code von Andreas für Tabdarstellung oben. Tab verschieben geht bis an Position 2.
Code ohne aktiven Tab nichtmal bis 2.

.tabbrowser-tab[selected="true"]
{
min-width: 173px !important;
max-width: 173px !important;}

.tabbrowser-tab:not([selected="true"]),
.tabs-newtab-button
{
min-width: 56px !important;
max-width: 56px !important;
}

.tabbrowser-tab:not([selected="true"]):hover,
.tabs-newtab-button:hover
{
min-width: 56px !important;
max-width: 56px !important;
}

Hab dies nochmal mit älteren FF Versionen getestet.
Im FF 15.0.1 funktioniert das Verschieben bis zur ersten Stelle.
Im FF 21.0 bzw. 22.0 nicht.
Im FF 15 ist auch dieser Pfeil zu sehen der anzeigt wo der Tab beim loslassen landet.
Im FF 21 ist dieser Pfeil nicht vorhanden. Wurde der entfernt?

Aber wie gesagt, Beschreibung gilt nur wenn ein Tab verkürzt dargestellt wird, ansonsten funktioniert das Verschieben.

MarketMaker

Nein

MarketMaker

Tach Bernd

Ich weiß nicht welche Informationen Du noch benötigst, habe alles dargelegt.

Aber aus Neugier habe Ich jetzt mal meine Festplatte platt gemacht und Windows 7 neu installiert.
Dazu FF22 und Stylish in der aktuellen Version und die Codes von hier.
Nichts anderes installiert!

Ergebnis ist, das Problem mit den Bordern ist weg.

Da Ich bei den bisherigen Versuchen auch FF deinstalliert hatte, neues Profil angelegt hatte, Profilordner gelöscht, etc. und der Fehler trotzdem immer da war, denke Ich, ein anderes Programm oder Win7 Updates haben hier reingespielt.

Leider habe Ich jetzt nicht die Zeit das System komplett neu aufzusetzen (Win Update und Vierenupdat würde schon etliche Stunden auf meiner ISDN Leitung benötigen / spiele ein externes Abbild ein)
Dann könnte man beobachten ob und bei welcher Aktion der Fehler wiederkommt.

Der Fehler mit dem Tabverschieben ist noch vorhanden.

Und bleibt es wohl auch, da Ihr ihn nicht reproduzieren könnt.

MarketMaker

Hi Fox2Fox

Erst wollte Ich ja schreiben was dieser Quatsch jetzt soll und warum wieder mal auf jemanden
draufgehauen wird dem es trotz bester Standardtipps nicht gelingt.

Also entschuldige, dass Ich nach 2 Tagen Fehlersuche die Antwort in MS Word geschrieben habe und dann einen Moment hatte, der hier schön dargestellt wird:

http://www.amazon.de/Faul-Sein-Ist-…s=dmusic&sr=1-9

Diesen Moment gestehe Ich Dir natürlich auch zu, da deine Antwort nicht korrekt ist und eher
an dieses Lied angelehnt ist: :wink:

http://www.amazon.de/Hey-Pippi-Lang…s=dmusic&sr=1-4

Mich würde trotzdem interessieren ob Ihr es nun ausprobiert habt.

Haltet Ihr es für möglich, dass andere Fehlerquellen außer User und FF hier reinspielen?

Bitte Antworten ohne diese unnötigen Zwischenrufe, kostet nur unsere Zeit.

Grüße, MM

Beiträge von MarketMaker

aktiver Tab Linien

aktiver Tab Linien

Darstellung Barrierefreiheit

Darstellung Barrierefreiheit

Darstellung Barrierefreiheit

Darstellung Barrierefreiheit

#alltabs-button Hintergrundfarbe Menü ändern

#alltabs-button Hintergrundfarbe Menü ändern

#alltabs-button Hintergrundfarbe Menü ändern

leerenTabnutzen.uc blockiert Lesezeichen öffnen

Neuen Tab mit nutzen

Neuen Tab mit nutzen

WIN10 ich kann den FF nicht als Standard-Browser aktivieren

Linien ausblenden

Linien ausblenden

Firefox 23 - Darf JavaScript jetzt, was es will?

Tab Darstellung

Tab Darstellung

Tab Darstellung

Tab Darstellung