Beiträge von Horstmann

  • Tabform

    Zitat von Mira_Belle

    Wenn ich wenigstens den "Krempel" ab Zeile 146 verstehen würde, ...

    Ich glaube die Lösung ist ziemlich einfach, nur kann ich sie ohne Fx119 nicht finden... ?(

    Vermutlich liegt das Problem eher in Zeile 232 abwärts, erstmal muss die rechte Ecke auftauchen, den Rest kann man dann regeln.

    Bei Interesse müsste sich momentan jemand mit 119 der Sache annehmen, oder halt mit den anfangs erwähnten Codes von Mrotherguy oder Godie arbeiten.

    Aris hat bestimmt auch etwas im Programm, der hat ja alles, nur wird mir dabei immer schwindlig. ;)

    Ich konnte in diesen Codes nichts finden das mit Transparenz und Outlines funktioniert, teils weil diese Codes nicht alle Tabs Varianten einzeln ansprechen, nur deshalb die ganze Übung.

    Meine Entschuldigung für die Verwirrung; ich hätte nicht Codes rauswerfen sollen ohne eine aktuelle Version benutzen zu können. :(

  • Tabform

    Ich fürchte ich bin hier an die Grenzen dessen gestossen, was ich mit 115esr noch beitragen kann.... ;(

    Ich denke Fx 119 lässt sich mit meinem auf 115 basierenden CSS Code nicht mehr komplett manipulieren, vermutlich braucht es nur ein paar mehr spezifische Selektoren, weil ein Teil ja funktioniert, aber das kann ich halt nicht testen... ?(

    Ganz grob geraten könnte ich nur noch sowas zu Testen für 119+ vorschlagen, aber das ist komplett ein Schuss ins Blaue (Grafik gleich, Dateipfade wieder anpassen):

  • Tabform

    Zitat von Sören Hentzschel
    Zitat von Horstmann

    Bei mir in der 115esr funktionieren die .svgs auch ohne svg.context-properties.content.enabled auf true zu setzen; anscheinend benötigt man diese Option aber für 119. :/


    Was Mist ist, weil ich mich vage daran erinnere, dass dadurch möglicherweise Sicherheitsrisiken entstehen können. X/

    Womit uns vielleicht Sören Hentzschel weiterhelfen könnte? ;)

    Wenn ich dazu etwas sagen soll, bitte ein einfaches Test-Szenario bereitstellen, welches ich prüfen kann. Ich möchte mich nicht durch vier Seiten durcharbeiten, bis ich weiß, worum es bei dem Problem geht. Und wenn da noch ganz viele andere Änderungen dran hängen, die mit dem Problem nichts zu tun haben, hilft mir das auch nicht, den Überblick zu behalten. Danke. ;)

    Der Code und die Grafik, finden sich hier.

    Die Frage speziell an dich ist aber eher die, ob svg.context-properties.content.enabled auf true zu setzen in Fx 119 ein Sicherheitsrisiko mit sich bringt.

    Und nur falls ja, ob du einen anderen Weg kennst, .svg Properties (context-fill, context-stroke etc.) von eigenen .svg Grafik mit CSS zu steuern, ohne diese Option zu aktivieren.

    In meinem 115esr sind .svg Properties erlaubt für eigene .svg Grafiken für den Grossteil des UI, ohne svg.context-properties.content.enabled zu benutzen, aber nicht für externe .svg Grafiken, falls ich das richtig interpretiere.

    Die Frage stellt sich deshalb, weil ohne die Benutzung von .svg Properties wie eben context-fill oder context-strok , eigene .svg Grafiken nur eingeschränkt nutzbar wären.

    Zitat von Mira_Belle

    Neu getestet! Ich habe nun nur noch den Fehler mit der fehlenden Grafik bei aktivem Tab,

    wenn dieser nicht der Letzte ist!

    Ich sehe das auch bei den Screenshots von Andreas - ausser in denen von 115esr ... :/

    Jede selektierte Tab muss rechts und links die Grafik haben, egal wo sie positioniert ist, hat es bei mir auch...

    Hat es mit früheren Code Versionen bei dir funktioniert, oder gab es das gleiche Problem?

    Hmm, schau ich mir an...

  • Tabform

    Zitat von 2002Andreas
    Zitat von Mira_Belle

    Wärst Du mal so lieb und könntest Du auch mal testen?

    Na klar ;)

    Vielen Dank für den Test! :)

    Bei mir in der 115esr funktionieren die .svgs auch ohne svg.context-properties.content.enabled auf true zu setzen, das hatte ich schon am Anfang getestet; anscheinend benötigt man diese Option aber für 119. :/

    Was Mist ist, weil ich mich vage daran erinnere, dass dadurch möglicherweise Sicherheitsrisiken entstehen können. X/

    Womit uns vielleicht Sören Hentzschel weiterhelfen könnte? ;)

    Danke für die Erläuterung :) - schaut von meiner Seite so aus, als ob Code und Grafik ok wären, aber eben die erwähnte Option aktiviert sein muss für Fx119.

    Ich bin u.a. dadurch auf die mögliche Problematik aufmerksam geworden.

    Weil ich momentan auf meinem alten Mac nur 115esr benutzen kann, kann ich das Problem leider nicht weiter verfolgen... X/

  • Tabform

    Danke für's Testen! :)

    In deinem Testprofil, könntest mal probieren in about:config die Option svg.context-properties.content.enabled auf true zu setzen?

    Bei mir funktioniert der Code prima mit allen Themes, allerdings auf Mac mit 115esr.

    Ich habe schon Kommentare gesehen, die nahelegen dass es bei Fx 119 Unterschiede zum Verhalten von eigenen .svg Bilder kommen kann, kann es aber hier leider nicht testen.

    Allerdings haben die anderen .svgs doch vorher bei dir funktioniert, korrekt?

    Die Grafik in der letzten Version ist eigentlich identisch mit der direkt davor, nur umbenannt.

  • USB-Stick Aufnahmegeschwindigkeit

    Zitat von .DeJaVu

    Was meinst, evtl sowas?

    https://www.elefacts.de/test-schneller…ick_mit_m.2_ssd

    Sowas hatte Andreas ja schon, nur eben "lahm". Aber die Raten sind ähnlich beim jetzigen Stick, nur der Stick ist nicht so teuer wie die Konstruktion.

    Irgenwann sollte man sich evtl. auch Gedanken über die mechanische Verletzbarkeit des Anschlusses machen.

    Ein Stick ist ja nur eine Festplatte ohne Kabel am Stecker; je grösser das Ding wird, desto leichter ist es abzubrechen.

    Die als Vergleich abgebildeten herkömmlichen USB Sticks in dem Artikel sind schon zu groß um am mobilen Laptop sicher benutzt zu werden (und gibt es in der Klasse dieser Sticks um einiges kleiner), das M.2 Ding ist riesig für die Anwendung.

    Ich würde persönlich eher eine Variante mit Kabel nehmen, sicherer und flexibler.

    Ich muss aber zugeben, mein Hauptspeicher extern ist ein 5 Kilo Klotz mit 5 HDDs drinnen, der auch nicht auf dem Schreibtisch steht. ;)

    Der Rest läuft über einen Hub.

  • USB-Stick Aufnahmegeschwindigkeit

    Falls die Frage noch nicht aufgekommen ist - muss es denn ein Stick sein? :/

    Es gibt ja viele externe Festplatten in jeder möglichen Konfiguration, oder Festplattengehäuse die man selber bestücken kann.

    Nicht so billig wie USB Sticks, aber vermutlich generell mit besserem - und schnellerem - USB Interface und Festplattenrarchitektur.

    USB Sticks gibt's ja eigentlich nur weil sie klein sind, nicht als Hochleistungsalternative.

    Selber habe ich hier eine Ladung externer Festplattengehäuse, meist sogar nur für/mit 2,5" SATA SSDs, die laufen wie Schmitzkatz. ;)

  • Tabform

    Falls es jemand mal testen möchte, hier eine aktuellere Version.

    Die Farbanpassungen sind erweitert, und komplett anpassbar; wie es momentan eingestellt ist funktioniert es am besten mit einem dunklen Theme.

    Kann man aber beliebig ändern über die Variablen oben im :root Block.

    Die Grafik hängt unten an, der Dateipfad dafür sieht hier einen Ordner icons im Ordner mit der CSS Datei vor, in der dieser Code enthalten ist; kann man ebenfalls nach Belieben ändern.

    Das Overflow Verhalten ist noch suboptimal, aber nur visuell.

    tab_corner_ug.svg.zip

  • Tabform

    Welcher Bug, und die Doppeldarstellung - was immer das heissen mag - Probleme gibt's auch in einem Profil mit unverändertem Originalcode, und ohne anderes CSS/ Scripts mit CSS? :/

    Die Aussenkanten der Grafik und die der teils überlappenden Tabs an sich passen nicht aufeinander, wenn man zu grob an den Maßen dreht - oder an den Farben. ;)

    Hätte man sich anschauen können wenn man was davon gewusst und Screenshots gesehen hätte; aber da ausser uns sonst niemand das Ding getestet und kommentiert hat, ist es eh schwierig an möglichen Bugs zu schrauben.

    Egal, nochmal viel Spass mit dem Code, alles deins jetzt. :)

  • Tabform

    Ok, gut dass es zumindest halbwegs klappt. 8)

    Was die Benutzung von Variablen angeht, mehr als reden kann ich nicht...

    Du hast sie wieder unten wild verändert, oben im :root Block fehlt die Hälfte meiner Variablen, das kann vermutlich so nicht sauber klappen, kein Wunder wenn es Probleme gibt. ?(

    Mein Hobbycode ist alles andere als perfekt, aber es gibt schon gute Gründe dafür dass er so geschrieben ist... :|

    Variablen ändern: oben hui, unten pfui! ;)

  • Tabform

    Wenn ich deinen Code bei mir benutze, nur die Dateipfade geändert, und im Kompaktmodus, sieht das hier so aus:

    Irgendwas scheinst du an anderer Stelle zu benutzen das querschlägt; es passt nicht, deine Farben habe ich teils auch nicht, aber multiselect funktioniert scheinbar, ist auch so eingebaut in meinem Code.

    Wäre auch gut jeweils einen Screenshot zu sehen, Bild/ 1000 Worte etc.. ;)

    Was ich nicht machen kann oder werde, ist deine Version von meinem Code anzupassen, schon gar nicht deine anderen CSS Codes die ich nicht kenne; du müsstest schon einigermassen dem was ich gebastelt habe folgen. ;)

    Aber - gute und schlechte Nachricht - teils schlechte vielleicht für dich, der Code ist komplett umgeschrieben, aber strukturell der gleiche.

    Gute Nachricht: der Code ist deutlich gerafft und viel übersichtlicher, und etwas besser kommentiert.

    Ein paar Bugs bin ich auch losgeworden; die Farben sind etwas umfangreicher - vor allem für Multiselect. :)

    Separat anpassbare Outlines für selektiert/unselektiert sind auch drin, und die hover Outline für den Plus Button.

    Ich benutze Multiselect auch selten, genauso wie angepinnte Tabs, aber man muss es berücksichten bei so einem Ding, wie auch das Overflow Gedöns (das noch etwas hakt...).

    Farben würde ich nur oben im Block mit den ganzen :root Einstellungen ändern, und nix dazu unten reinschreiben.

    Dafür hat man Variablen - nur die Quelle ändern, nie die Anwendung.

    Wenn da oben zB steht --ug-color1: hsla(270, 60%, 70%, 1);, dann mach daraus --ug-color1: var(--uc-color-orange-normal); oder so, um eine deiner anderen Farbe zu übernehmen, damit auch überall wo die Variable --ug-color1 benutzt wird das durchgehend angepasst wird.

    Zusätzliche Verläufe/ Schatten etc. kann man dann teils weiter unten einpflegen, aber das ist ein Thema für sich; kann ich gerne dabei helfen, aber das solltest du möglichst genau beschreiben und bebildern.

    Falls du einen Verlauf nach innen generell und in den Svgs möchtest, wie du mal erwähnt hattest und ich fast befürchte, gäb's hier 2 Links Links ; viel Spass ;) .

    Mein Bedarf an svg basteln ist mit der Eckengrafik schon bedient worden. :whistling:

    Geht auch anders mit Masken, Clipping etc., ein grobes Beispiel war in einem früheren Code schon drin, ist aber nichts für schwache Nerven.


    Hier denn nun der neue Code; bitte wie immer komplett übernehmen, Dateipfade bitte wieder anpassen und deine eigenen Zusätze ganz unten nach Bedarf hinzufügen; die Grafik ist die gleiche wie zuvor.

    (Code erneuert)

    tab_corner_doppel_Test-1W2.svg.zip

  • Tabform

    Zitat von Mira_Belle

    Hey Horstmann ,

    bist Du denn kirre?

    Weißt Du wie lange ich an Deinem Code gesessen habe, um auch nur zu erahnen, wie das alles funktioniert?

    Irgendwie habe ich es geschafft, ihn meinen Vorstellungen anzupassen

    und jetzt kommst Du mit einer noch geileren Version :!: :D

    Keine Sorge, der Code ist generell noch der gleiche in der Struktur, nur etwas aufgeräumter, und die Grafik ist hoffentlich besser. ;)

    Für den Neuer Tab (+) Button kannst du sowas probieren, das wäre dann nur für den Button ohne Tab Overflow; bei Overflow ist es ein anderer Button, auch wenn er genauso aussieht.

    Es gibt verschiedene Möglichkeiten das zu regeln; Farbe wäre dann wie der Rest der Umrandungen:

    CSS
    #tabbrowser-arrowscrollbox-periphery #tabs-newtab-button .toolbarbutton-icon {
    /*outline: 1px solid var(--ug-color-border) !important;
    outline-offset: -1px !important;*/
    box-shadow: inset 0 0px 0px 1px var(--ug-color-border) !important;
    padding-block: 7px 9px !important;
}

  • Tabform

    So, einer geht noch; die Grafik hatte noch nicht sauber gepasst, ist jetzt ein einziges Bild und justiert, sollte jetzt hoffentlich besser aussehen.

    Noch ein paar Bugs beseitigt, Tableiste zart niedriger, was imo besser zu Kompaktmodus passt, und ein wenig aufgeräumt.

    Immer noch Testkram drin, aber alles auskommentiert.

    Das . svg hängt wieder unten dran, Dateipfade bitte anpassen, und viel Spass damit. :)

  • Tabform

    Zitat von Mira_Belle

    Dein letzter Code funktioniert hervorragend und das auch im Kompaktmodus.

    Zitat von Mira_Belle

    Nun kann ich daran machen diesen Code auseinander zu pflücken, damit ich dahinterkomme,

    wie das alles zusammen hängt und funktioniert.

    Danach werde ich mir die Farbeinstellungen vornehmen.

    Prima, freut mich zu hören! :)

    War so ein Test aus Neugier, und ist mal wieder ausgeartet... ^^

    Du findest bestimmt noch einige viele Bugs, und wie gesagt kann ich die Leiste bestimmt noch etwas schmaler zimmern, aber ist halt wie so oft alles miteinander verbunden, und Fx hat auch noch seine Meinung dazu. ;) .

    Die Farben sind alle ganz oben als Variablen; kannst ja einfach mal für jede was Wildes eingeben, um zu schauen was die machen im Einzelnen.

    Ich muss eh nochmal ran um ein paar Sachen zu verschlanken, ist ja noch sehr testartig, und die Kompaktmodus Anpassung ist ziemlich grob; würde aber vorher lieber etwas Feedback haben.

    Selber benutze ich das Ganze nämlich nicht im Hauptprofil, das hab ich mir vor langem schon gemacht wie ich's mag, und bin so langsam etwas testmüde.

    Vielleicht hat ja sogar noch jemand anderes Lust das mal zu testen. :whistling:

  • Tabform

    Zitat von Mira_Belle

    Dein Code, OHNE Veränderung,

    OK, den Pfad angepasst!

    Deine Vektorgrafiken.

    Hier noch mal der Code, aus Beitrag #43, mit neuen Pfadangaben!

    Moment mal, ich sehe gerade du hast einen alten Code genommen, und evtl. die dalschen Grafiken dazu?

    Mein Verdacht ist immer noch dass du heimlich Kompaktmodus benutzt ;) , dafür passt natürlich nicht viel.

    Oder ähnliche CSS Modifikationen für Tabs, die ich ja nicht kennen kann; meines baut alles auf reguläres Fx in einem Testprofil auf.

    Ausser vielleicht das hier - bitte wieder komplett übernehmen, auch die neuen Grafiken von ganz unten; die Leiste kann ich dir noch uU schmaler machen, aber komplett für den seltsamen Kompaktmodus neu aufbauen bring ich nicht; evtl. geht's ja aber auch so schon halbwegs.

    Tableiste unten musst du selber einfügen, das werf ich komplett raus, und die Dateipfade wieder anpassen.

    icons.zip

  • Tabform

    Schmeiss das raus was bei Ersetzen steht, das funktioniert bei dir nicht, benutz deinen eigenen Code für Tabs unten.

    Wo die Menüleiste ist geht aus dem Screenshot auch nicht hervor, und vermutlich benutzt du anderes CSS für Tabs das die Höhe manupuliert, oder evtl. sogar Kompakt Modus - das ginge gar nicht momentan.