Beiträge von Platos

  • Mehrzeilige Tableiste für aktuelle Firefox-Versionen

    Zitat von BrokenHeart

    Ich weiß genau, was du meinst. Aber der Grund, warum es hier anders gelöst wurde, ist folgender: Bei der einzeiligen (eindimensionalen) Anzeige der Tableiste müssen nur die sichtbaren Tabs auf einer Linie verschoben werden. Je nachdem, von wo ich den Tab nehme, entweder nach rechts oder nach links, um diese Lücke zu erzeugen. Bei der mehrzeiligen (2-dimensionalen) Anzeige muss ich auch die sichtbaren Tabs berücksichtigen, die oberhalb und unterhalb des 'Drop-Ziels' liegen. Auch mit dem ständigen Refresh und dem Scrollen könnte es dann Probleme geben. So hab ich nur einen Indikator und einen Thumb mit dem Screenshot für den selektierten Tab und muss mich darum nicht kümmern.

    Das heißt natürlich absolut nicht, dass es nicht so funktionieren kann, wie es dir vorschwebt, aber ich werde mir sicherlich nicht die Mühe machen, so etwas in das Skript einzubauen oder Hilfestellungen dazu geben. Einmal, weil ich den Code für das Drag&Drop von 'alice0775' übernommen habe und bis auf ein paar Anpassungen, bisher noch nichts daran geändert habe, weil er ja auch bis jetzt wunderbar funktioniert hat. Außerdem hatte ich ja schon öfters gesagt, dass ich an diesem Skript nur noch Fehlerbehebung betreiben möchte und keine neuen Features mehr einbaue. Und dein Anliegen hat ja offensichtlich - wenn überhaupt - nur einen rein optischen Nutzen. Ich frage mich sowieso, was dich an der jetzigen Lösung stört...? :/

    Ansonsten musst du ab Zeile ~1157 selber tätig werden. Aber du solltest dich dafür nicht nur gut mit JavaScript auskennen, sondern dich auch mit den Interna des Firefox beschäftigt haben...

    Sorry für die Später Antwort, war viel Los:

    Also ich habe natürlich nicht erwartet, dass du das jetzt für mich machst, ich dachte nur, da du dieses Skript gemacht hast, würdest du das grad so spontan wissen. Wollte nur mal nachfragen.

    Dass du öfters gesagt hast, dass du keine neuen Features einabust, war mir nicht klar, von mir aber wie gesagt auch nicht erwartet. (aber schreib doch das in den 1. Post).

    Aber nein, mein Anliegen hat keinen optischen Nutzen. Das ist rein der Produktivität halber. Beispiel: Wenn ich mit diesem Skript einen Tab nach unten ziehe (senkrecht), dann zieht es mit den Tab nicht an die Position direkt darunter, sondern rechts/links von dem Tab, direkt darunter. Das ist unlogisch und stört mich im Fluss.

    2. Es ist grafisch einfach deutlich ein überlegenes Design, wenn ich den Tab direkt sehe, wo er sich jetzt befindet, anstatt nur diesen Strich. Das ist einfach deutlich produktiver. Es gibt ja auch Gründe, warum das jeder Browser so macht. Ist einfach besser so...

    Es mag ja sein, dass das für dich so passt, aber für mich eben nicht. Deswegen habe ich ja gefragt. Aber wenn du keine Antwort darauf weisst, ist das ja nicht weiter schlimm. Ich habe nur gefragt... Im übrigen habe ich nur so in die Runde gefragt und nicht spezifisch dich.

    Trotzdem danke für die Antwort.

    Falls hier jemand weiss, wie man das machen könnte, wäre ich aber immer noch froh, wenn mir jemand sagen könnte, was man am Skript ändern muss. Ich fordere hier niemanden dazu auf, ist natürlich freiwillig. Wer nicht will, muss nicht antworten ;).

  • Mehrzeilige Tableiste für aktuelle Firefox-Versionen

    Ich hätte eine Frage bezüglich der Animation des Tab Drag-and-Drop.

    Es ist ja so: Mit diesem Skript funktioniert das Drag-n-Drop nicht so, wie in aktuellen FF Versionen. Bei Aktuellen FF Versionen wird ja beim "Dragen" des Tabs der Tab sichtbar mit verschoben. Bei diesem Skript bleibt beim "Dragen" der Tab an Ort und Stelle und nur ein Strich wird angezeigt, wohin der Tab verschoben wird.

    Meine Frage wäre jetzt, ob bzw. wie ich das Skript (für mich) irgendwie abändern kann, so dass ich das aktuelle Drag-n-Drop verhalten kriege.

    Ich hätte hier ein Bild (weiss leider nicht, wie man diese kurz-videos/Gifs machen kann hier):

    Man sieht hier, wie der Tab während des "dragen" mitgezogen wird. Dabei werden alle anderen Tabs vom angewählten Tab "weggedrückt". Und "gedroppt" wird der Tab dann dort, wo ich den Tab hinziehe. Also nicht das mit dem Strich.

    Ist das irgendwie möglich ?

  • Mehrzeilige Tableiste CSS Code

    Edit: also soweit gehts jetzt. Das einzige Problem, dass ich jetzt noch habe, ist das mit dem Tab "draghover".

    Ich frage mal im anderen Thread nach, ob das geht im Skritp.

    Zitat von 2002Andreas

    Siehe die Screenshots in Beitrag 35.

    Bei mir sind die auch mit dem Eintrag vorhanden.

    Der hat ja auch mit den X nichts zu tun.

    Ja, aber bei mir sind sie nicht vorhanden. Ich habe es gerade ausprobiert. Bei mir verschwinden die X sofort, wenn ich das aktiviere (das war schon von Anfang an so ohne eigene Änderung am Skript) . Ich weiss nicht wieso es bei mir nicht geht, aber mit dem zusätzlichen Code von # 36 geht es.

  • Mehrzeilige Tableiste CSS Code

    Ja eben, weil ich ja den Teil den du vorher gesagt hast, entfernt habe. Nur taucht dann auch dieser Pfeil ganz rechts in der Tableiste auf.

    Aber ich konnte das Problem jetzt lösen und zwar lösche ich den Teil den du gesagt hast nicht raus und zusätzlich mit diesem code funktioniert es dann (habe ich ergooglet):

    Code
    .tabbrowser-tab:not([pinned]) .tab-close-button {
display: inline-flex !important
}

  • Mehrzeilige Tableiste CSS Code

    ok, ich werde es mir ansehen und mal schauen, ob ich da was basteln kann ^^

    Noch eine Frage: Ich sehe gerade, dass diese Version in der Tableiste ganz recht so ein Pfeil hat. Wenn ich da drauf klicke, popt ein Menu mit meinen Tabs auf. Kann ich das entfernen? Oder weisst du, an welcher Stelle im Skript das ist?

  • Mehrzeilige Tableiste CSS Code

    Ok, also der blaue Strich ist mir ja egal. Ich meinte einfach, dass ich beim Tab Umherschieben auch sehe, wie der Tab umhergeschoben wird. Wenn da noch ein blauer Strich ist, ist mir das eig. egal. Ich würde nur gerne sehen, wie der Tab auch umhergeschoben wird, so wie in aktuellen Firefoxversionen.

    Wenn du mir sagst, wie du das mit diesen Videos machst, kann ich auch eins machen.

    Ich habe jetzt versucht, die Tabs mit diesem Skript wieder so zu machen, wie es ohne Script ist. Hat soweit funktioneirt, denke ich:

  • Mehrzeilige Tableiste CSS Code

    Danke, ich werde den Code ausprobieren. War gestern schon nicht mehr hier.

    Aber nein, ich meinte nicht das mit der Tab-Vorschau (die gibt es zwar auch bei mir, sehe ich gerade). Wenn du ja ein Tab rumschiebst, siehst du doch diesen blauen Strich (in deiner Version), der einem signalisiert, wo der Tab abgelegt wird. Im aktuellen Firefox ist es aber so, dass dass der Tab an sich rumgeschoben wird (ohne diesen blauen Strich). Ich weiss nicht, wie du das immer machst mit diesen kleinen Videos, deswegen kann ich dir nur ein Bild machen.

    Bezüglich abgeschnittenen Tabs: Naja also bei meinem Code geht es ohne Multirow-Tabs (dann ist es nicht abgeschnitten). Irgendwas muss da also in Konflikt geraten. Ich suche ja gerne selber, aber kannst du mir sagen, ob ich nur den CSS Code anschauen muss? Oder könnte es auch sein, dass es am Javascript liegt?

    Was ich mich gerade noch frage: Ist es mit CSS technisch möglich, dass sich die Tabbreite folgendermassen verhält: Alle Tabs sollen immer gleich breit sein, sich aber in der Grösse an den verfügbaren Platz in der Leiste oben anpassen. ich nutze oft verschieden breite Fenster. Bei fixen Tabbreiten habe ich dann unter umständen rechts immer leere Bereiche. Nutze ich aber variable Tabbreiten, sind alle Tabs verschieden breit (in den versch. Zeilen). Daher die Idee, dass sie zwar untereinander gleich breit sein sollen, insgesammt aber sich am verfügbaren Platz anpassen sollen in der Breite.

  • Mehrzeilige Tableiste CSS Code

    Habe mittlerweile das "Original" ausprobiert, ist ganz ok, aber mir gefällt einiges am Style nicht. Habe mich auch schon aufgemacht, es zu ändern, aber deins ist ja viel besser :D

    Danke!

    Also nehme ich jetzt deins mal. Ich habe noch folgendes abgeändert/hinzugefügt:

    Jetzt frage ich mich aber folgendes bei dem Skript: Egal ob mit oder ohne meine Änderung, die Tabs sind abgeschnitten. Man sieht das auch auf deinem Bild beim angewählten Tab. Oben ist er noch abgerundet, unten aber nicht. Ich weiss nicht, wie das zustande kommt. Hast du da eine Idee?

    Dann hätte ich noch eine Frage wegen der Animation beim Tab umherziehen: Im Original ist der ja anders, wie in deiner Version und deine Version anders, wie die aktuelle FF Version. Wäre es möglich, die Animation der aktuellen FF Version da einzubauen? Also so, dass man den Tab immer sieht beim umherziehen. Also nicht nur diese Linien. Ich habe mir alle CSS Einschübe da angeschaut, aber ich erkenne nicht, was für diese Animation verwantwortlich ist.

    Edit: Ach ja, und wie mache ich es, dass ich immer den Tabschliessen-Button sehe bei allen Tabs? Fällt mir gerade auf, dass die weg sind.

  • Mehrzeilige Tableiste CSS Code

    Ich nutze jetzt folgenden Code:

    Ich habe herausgefunden, dass Zeile 14, 20, 31 und 45 einen Einfluss darauf haben, ob ich mit den Tabs beim ziehen irgendwo "hängen" bleibe.

    Mit obigem Code funktioniert das horizontale verschieben innerhalb einer Tabreihe soweit gut. Von oben nach unten geht es in beide Richtungen, aber nicht so ganz "normal". Wenn ich den Tab eine (oder mehrere) Reihe nach unten ziehen will, muss ich mit dem Tab ganz nach rechts gehen und dann kann ich den Tab eine oder mehrere Reihen nach unten ziehen. Umgekehrt zum nach oben Ziehen muss ich ganz nach links.

    Soweit funktioniert es, auf diese Weise zumindest, aber ich sehe es schon kommen, dass mir noch mehr Fehler auffallen. Naja, wenn ich nichts mehr schreibe dazu, dann funktioniert es.

    Aber ja, vlt. mache ich mich irgendwann ja doch mal auf und nutze Javascript. Ich kann nur gar nix mit Javascript. Wenn, dann starte ich mit deinem Script, denn du ein paar Beiträge vorher gepostet hast.

  • Mehrzeilige Tableiste CSS Code

    Ok, update: Es geht doch nicht xD

    Irgendwas, nach Post #8 hat dazu geführt, dass ich jetzt die Tabs nicht mehr frei bewegen kann. Irgendwas geht nicht mehr.

    Und zu min-width: Ja aber, das muss ich zuerst aktivieren, indem ich da ein Wert ändere. Da steht in der Beschreibung, es seien dann fixe Tabbreiten, habs noch nicht ausprobiert.

    Aber muss zuerst das andere Problem lösen :D

    Denkt man, man hats und schon kommt das nächste Problem^^

  • Mehrzeilige Tableiste CSS Code

    Ok, ich habe jetzt jeweils einzelne Codeteile rausgelöscht und geschaut, ob sich das Problem in Luft auflöst. Konnte dann das Problem mit dem leeren Platz lösen und musste dann dafür aber noch an anderen Stellen anpassungen machen. Jetzt ist aber alles perfekt soweit.

    Also danke für die ganzen Hinweise und so. Manchmal brauchts bisschen Input von aussen :D

    Hier der Code, falls jemand Interesse hat:

    Also hier noch ein Bild, wie es jetzt aussieht, für Interessierte:

  • Mehrzeilige Tableiste CSS Code

    Zitat

    Dann nimm doch den von mir :/

    Ja aber da hat es viel Code drinn, der noch andere Dinge verändert und ich weiss nicht, welche Dinge ich nur für das mit den mehreren Tabreihen brauche und welche nicht.

    Denn einiges davon gerät in Konflikt mit dem Design, das ich habe, so dass bei mir alles verschoben wird.

    Der neue Code von dir (sowie der alte) hat bei mir aber genau das gleiche Problem, wie der von github. Also auch bei dem von dir ist die Scrollbox höher, wie die Tabreihen selber.

    Es liegt eig. nicht am Github-Code. Wenn ich nur diese nverwende, funktioniert es. Aber in kombination mit dem Code, den ich sonst noch nutze (alles vor Zeile 53 im Post #8), funktioniert es nicht. Ich weiss nur nicht, warum.

  • Mehrzeilige Tableiste CSS Code

    Hmm, naja bei mir eben schon ab der 2. Reihe und wenn ich rechts die Scrollbar-Leiste mit der Maus (linksklick) bewege, geht das auch schon mit nur einer Tabreihe.

    Da der CSS Code von #2 noch einige andere Anpassungen hat und ich nicht weiss, was genau alles da jetzt für die Tabreihe gebraucht wird, habe ich wie gesagt das von github genommen.

    Aber auch wenn ich bei "max-height:" das aus #9 nehme, ist das immer noch gleich.

    Also wie gesagt: Ich kann mit dem Mausrad scrollen und unterhalb der letzten Tabreihe hat es noch freien Platz, der eben schwarz ist. Dann sehe ich leeren Freiraum. Und manchmal beim löschen von Tabs oder ganzen Tabreihen rutscht mir diese Scrollbox automatisch nach ganz unten (wo eben freier, leerer schwarzer Bereich ist). Dann sehe ich die Tabreihen nicht mehr vollständig.

  • Mehrzeilige Tableiste CSS Code

    Danke für die Mühe.

    Ist das jetzt quasi so eine Art "schlanke Version" ?

    Ich habe kurz bevor du den CSS-Code gepostet hast noch bei github einen code für CSS gefunden (Eig. mehr oder weniger das selbe wie bei deinem oben, nur da hats noch andere Dinge drinn, die z.B die Tabs unter die Adresszeile schieben und ich wollte mir die Arbeit ersparen, die ganzen Zusatzdinge rauszulöschen). Es funktionieren aber beide Codes.

    Ich nutze jetzt diesen code (das mit den mehreren Tabreihen geht ab Zeile 53 los):

    Soweit funktioniert alles, bis auf etwas: Manchmal, wenn ich die Tabs schliesse in einer Reihe, fällt die Ansicht nach unten. Das Problem ist jetzt, dass diese "scrollbox" höher ist, wie die Tabreihen selbst. D.h es fällt dann ganz nach unten und dort ist "freier Platz", also bei mir schwarzer Hintergrund.

    D.h, ich will eig., dass die Scrollbox immer genau! so hoch ist, wie die Tabs (also bei 2 Reihen, soll sie genau so hoch sein wie 2 Tabs, bei 3 Reihen so hoch wie 3 usw).

    Im Grunde will ich also gar keine vertikale Scrollfunktion haben. Ich will einfach eine Box haben, die so hoch ist, wie eben die Tabs (natürlich soll sich die Box automatisch vergrössern/verkleinern, wenn mehr Tab-Reihen entstehen).

    Geht das irgendwie? Ich blicke da nicht ganz durch.

    Also ich denke dieser code sollte die Scrollbox genau so hoch machen, wie es meine Tabreihen sind (tut er aber nicht):

    Code
    max-height: calc((var(--tab-min-height) + 2 * var(--tab-block-margin,0px)) * var(--multirow-n-rows))

    Ich verstehen nur nicht, was ich da jetzt quasi für Werte eingeben muss bzw. wo ich diese variabel-Werte finde (also z.B --multirow-n-rows). Das einzige, was ich weiss ist --tab-min-heigth, denn das habe ich selber schon auf 21px gestellt in meinem code ganz oben.

  • Mehrzeilige Tableiste CSS Code

    Ich hätte eine Frage bezüglich dieses Scripts:

    In Post 1 steht, das Script ist für Leute, die sich nicht mit CSS auseinander setzen wollen. Und ich glaube, dieses Projekt wurde früher nur mit CSS umgesetzt und später dann mit javascript gemacht, oder ? Weil ich wäre mit CSS sehr zufrieden.

    Weil wenn ich mir das Script anschaue, sind das schon seeeehr viele Zeilen. Und ich will eig. nur 2 Reihen an Tabs haben, mehr nicht. Keine speziellen Zusatzfunktionen wie scrollen oder sowas. Daher frage ich mich: Ist das nicht etwas "schlanker" möglich ? Also eben nur mit CSS scripts?

    Ich bin mir nicht ganz sicher, ob ich das hier fragen soll oder eine eigene Frage auchmachen soll.