Beiträge von Mira_Belle

  • Problem mit der Darstellung eines Pop-ups

    Ok, habe jetzt erst den Artikel komplett zu ende gelesen.
    Aber instinktiv hatte ich alle Punkte schon durch.
    Habe aber sicherheitshalber alles nach Anleitung noch einmal gemacht und bin jetzt bei dem Punkt,
    ALLE ERWEITERUNGEN deaktivieren.

    1. Hardwarebeschleunigung deaktiviert. => Fehler noch vorhanden.

    2. Das Theme dunkel eingestellt. => Fehler noch vorhanden.

    3. Alle Erweiterungen deaktiviert. => Fehler noch vorhanden.

    Natürlich jedes Mal den Firefox neu gestartet.

    Und nun? Nun schaue ich blöd aus der Wäsche!
    Starte ich den Fehlerbehebungsmodus, ist der Fehler nicht vorhanden. 8|

  • Problem mit der Darstellung eines Pop-ups

    Zitat von schlingo

    Hallo :)

    Du bist dem obigen Link gefolgt? Die Hardwarebeschleunigung war nur ein Beispiel. Welches Theme verwendest Du z.B.?

    Gruß Ingo

    Oh sorry! Bei beiden Profilen ist "Hardwarebeschleunigung verwenden, wenn verfügbar" aktiviert.
    Und auch in beiden Profilen wird das gleiche Theme genutzt!
    Und bevor es weiter geht, auch alle Erweiterungen sind gleich. :/

    Wie ich schon schrieb, ich vermute, ich habe unbedacht irgendetwas unter about:config verändert,
    und habe danach nicht ordentlich getestet und vor allem wieder nicht die Veränderung dokumentiert.
    Blöd wie ich bin, grrr. :cursing:

  • Problem mit der Darstellung eines Pop-ups

    :?:  Sören Hentzschel

    Screenshot 1 zeigt, was auch immer, etwas Komisches an!
    Screenshot 2 zeigt, wie es eigentlich aussehen sollte.

    Wie das zustande kommt, ich weiß es nicht, und auch warum das so ist.
    Beider Profile sind fast gleich! Gleiche Erweiterungen, fast gleiche Skripte und CSS.

    Wie ich diesem Fehler auf die Schliche kommen kann, bisher habe ich weder eine Idee noch einen Tipp oder sonst irgendetwas.

    Wenn nichts mehr hilft oder ich auch keinen Tipp bekomme, bleibt mir wohl nichts anderes
    übrig, als das Profil neu aufzubauen. Da werden mir zwar die eine oder andere Einstellung verloren gehen,
    z.B. Vorschaubildchen der Tabs, aber das werde ich entweder hinbekommen, oder damit halt leben müssen.
    Das mit dem Pop-up ist definitiv schwerwiegender, auch wenn ich mir hier oder da zu helfen weiß.
    In diesem Fall ist "Esc" die Lösung. Aber manchmal sind es entweder oder Dialoge.
    Da dann ständig einen anderen Browser oder ein anderes Profil zu nutzen, wenn diese "Fehler" auftritt,
    ist auf keinen Fall eine dauerhafte Lösung.

    Zitat von Sören Hentzschel

    JavaScript ist uneingeschränkt aktiviert?

    Wo und wie noch mal?

    javascript.enabled => steht auf true

    Gibt es noch eine Stelle die ich kontrollieren sollte?

  • Problem mit der Darstellung eines Pop-ups

    Habe ein Problem mit der Darstellung von bestimmten Pop-ups!

    Beispiel:

    Das Pop-up sollte aber so aussehen:


    Im Fehlerbehebungsmodus wird das Pop-up richtig angezeigt!

    Daraufhin habe ich ALLE Scripts und alle CSS deaktiviert!
    Hilft nicht.
    Danach habe ich ALLE Erweiterungen deaktiviert!
    Auch keine Besserung!
    Habe die Erweiterungen des Testprofils und meines Hauptprofils verglichen, es sind die gleichen.

    Ich weiß jetzt nicht, wie ich weiter vorgehen soll/muss um dem Fehler auf die schliche zu kommen.
    Das Problem besteht auch schon in älteren Firefox Installationen, habe Backups bis V121 zurück gespielt.
    Irgendwann, so denke ich, muss ich irgendwas unter about:config geändert haben, bin mir aber da nicht so sicher.

  • Forum: Gefällt mir Button austauschen

    Danke.

    Weil aber, ... siehe selbst:

    Habe gerade noch mal reingeschaut, und wusste selbst nicht mehr, was ich mitteilen wollte!

    Also, weil die beiden Symbole unterschiedliche Farben von mir bekommen haben.

  • Forum: Gefällt mir Button austauschen

    Zitat von Sören Hentzschel

    ... Und wenn du das noch etwas schöner ausrichten möchtest, dass die Zahl daneben optimal mittig zum Icon platziert ist, was nicht mehr der Fall ist, sobald du die Schrift so stark vergrößerst, kann die Lösung so aussehen: ...

    Wow. Habe ich etwas umständlicher gelöst.
    Hoffe aber, dass andere auch von dieser schweren Geburt was haben,

    Daher hier "mein" kompletter Code.

    PS: Die Farbwerte am Ende, weil beim "hovern" bei mir der Text von dem dunklen Grau zu Schwarz gewechselt hat.

    Ich entschuldige mich für meine extremst lange Leitung,
    und bedanke mich noch einmal ausdrücklich bei Euch beiden.
    2002Andreas & Sören Hentzschel

  • Forum: Gefällt mir Button austauschen

    Zitat von 2002Andreas

    Wenn du nur den zusätzlichen Text einfügst, dann brauchst du Zeile 6 - 8 und 15 - 17 nicht mit hover.

    Funktioniert aber bei mir nicht so!
    Mir grätscht der Code der style-5.css dazwischen,
    und dann werden zwar die Symbole rot, aber der Text wird orange.

    2002Andreas

    Mir bereitet eher das letzte Anliegen Kopfzerbrechen.

    Das <3 ist eine Grafik (like.svg) und einfach den Code so um zu schreiben,
    dass da .reactionType { content: "\f164" !important; } steht anstatt des "langen" Code,
    funktioniert irgendwie nicht, oder halt anders als ich mir das gerade so vorstelle.

    Wäre jetzt aber nicht wirklich so schlimm, der komplette Code scheint ja zu funktionieren.
    Es war halt einfach nur so eine Idee.

  • Forum: Gefällt mir Button austauschen

    Ich habe mal die Farben geändert, und so funktioniert es auch, so wie ich mir das Vorstelle.

    Vielen lieben Dank.

    Der komplette Code schaut z.Z. so aus:

    Was ich noch am Code verändern möchte, wenn ich meine Pause beende, den letzten Abschnitt.

    .reactionType, das soll dann auch mit Unicode umgesetzt werden.

  • Forum: Gefällt mir Button austauschen

    OK, ein bisschen habe ich noch gebastelt!

    Das klappt so weit!

    Was ich noch, aber jetzt wirklich später, einbauen möchte,
    ist das mit dem "hovern" in ROT und GRÜN.

  • Forum: Gefällt mir Button austauschen

    Ein allerletzter Versuch, und es geht in die richtige Richtung!

    Wenn ich nun "geliked" habe ist das Symbol und der Text orange, ist OK.
    Was ich aber noch ändern möchte, wenn inaktiv, also nicht "geliked" beim "hovern" grün,
    wenn "geliked" beim "hovern" rot.

    Das Symbol hätte ich auch gerne einen Tick größer und habe mit scale: 1.1 gespielt,
    aber dann verschwindet die Umrandung.

    Ich mache jetzt aber erst einmal eine Pause.
    Und ich möchte mich noch einmal ganz <3lich bei Euch beiden bedanken.

  • Forum: Gefällt mir Button austauschen

    Nein.

    Mir grätscht folgender code der style-5.css dazwischen!

    CSS
    html:not(.touch) .button:hover, html:not(.touch) a.button:hover {
  background-color: var(--wcfButtonBackgroundActive);
  color: var(--wcfButtonTextActive);
  text-decoration: none;
}

    Da wird der Text "Zitieren" beim Drüberfahren orange und nicht rot!

    Ich nutzte einfach mal nur diesen Code:

    Und auch wenn ich dann noch den Code erweitere, bleibt es dabei,
    Text "Zitieren" wird orange, und das ganze dann verzögert!

    CSS
    [data-tooltip="Zitieren"].hover::after {
	color: red !important;    
}

    Ich denke, es ist besser, ich höre auf.
    Mache da schon seit Montag rum, war so einigermaßen mit der alten Lösung zufrieden,
    nur jetzt klappt nichts mehr und ich rege mich nur auf, (und merke, dass das mir nicht guttut)

  • Forum: Gefällt mir Button austauschen

    Im Grunde möchte ich, dass es so ausschaut:

    Jedoch sollte man es vermeiden, mit dem Zeiger drüberzufahren!

    Die erste Schaltfläche verhält sich normal!

    Bei der zweiten Schaltfläche ist schon der Wurm drinnen, das Symbol ist unabhängig vom Schriftzug!
    Des Weiteren reagiert auch der dritte Schriftzug "Gefällt mir".
    Und auch bei der letzten Schaltfläche reagieren Symbol und Schriftzug ganz unabhängig voneinander.

    Daher habe ich es mit weiteren Anpassungen erst einmal gelassen!

  • Forum: Gefällt mir Button austauschen

    Zitat von Sören Hentzschel

    ...

    Zitat von Mira_Belle

    und wie ich dann das Symbol z.B. in der Größe verändere?

    Der naheliegendste Weg wäre font-size, denn das ist Schrift.

    Ah, Danke.

    Zitat von Sören Hentzschel
    Zitat von Mira_Belle

    Was muss ich machen, wenn ich z.B. ein Symbol von meiner Festplatte einbinden will.

    oder ein Symbol, dass per url('data:image/svg+xml,<svg xmlns=.....)?

    Dann musst du wie gehabt einen Weg über background-image oder mask-image wählen. Der nun umgesetzte Weg macht Gebrauch von der Icon-Schrift, die auch sonst überall hier im Forum verwendet wird und daher ohnehin mit der Software ausgeliefert wird.

    Aha, okey.

    Dann wähle ich wohl den einfacheren Weg, auch wenn damit die Möglichkeiten etwas eingeschränkter sind.

    Denn

    Code
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M323.8 34.8c-38.2-10.9-78.1 11.2-89 49.4l-5.7 20c-3.7 13-10.4 25-19.5 35l-51.3 56.4c-8.9 9.8-8.2 25 1.6 33.9s25 8.2 33.9-1.6l51.3-56.4c14.1-15.5 24.4-34 30.1-54.1l5.7-20c3.6-12.7 16.9-20.1 29.7-16.5s20.1 16.9 16.5 29.7l-5.7 20c-5.7 19.9-14.7 38.7-26.6 55.5c-5.2 7.3-5.8 16.9-1.7 24.9s12.3 13 21.3 13L448 224c8.8 0 16 7.2 16 16c0 6.8-4.3 12.7-10.4 15c-7.4 2.8-13 9-14.9 16.7s.1 15.8 5.3 21.7c2.5 2.8 4 6.5 4 10.6c0 7.8-5.6 14.3-13 15.7c-8.2 1.6-15.1 7.3-18 15.2s-1.6 16.7 3.6 23.3c2.1 2.7 3.4 6.1 3.4 9.9c0 6.7-4.2 12.6-10.2 14.9c-11.5 4.5-17.7 16.9-14.4 28.8c.4 1.3 .6 2.8 .6 4.3c0 8.8-7.2 16-16 16l-97.5 0c-12.6 0-25-3.7-35.5-10.7l-61.7-41.1c-11-7.4-25.9-4.4-33.3 6.7s-4.4 25.9 6.7 33.3l61.7 41.1c18.4 12.3 40 18.8 62.1 18.8l97.5 0c34.7 0 62.9-27.6 64-62c14.6-11.7 24-29.7 24-50c0-4.5-.5-8.8-1.3-13c15.4-11.7 25.3-30.2 25.3-51c0-6.5-1-12.8-2.8-18.7C504.8 273.7 512 257.7 512 240c0-35.3-28.6-64-64-64l-92.3 0c4.7-10.4 8.7-21.2 11.8-32.2l5.7-20c10.9-38.2-11.2-78.1-49.4-89zM32 192c-17.7 0-32 14.3-32 32L0 448c0 17.7 14.3 32 32 32l64 0c17.7 0 32-14.3 32-32l0-224c0-17.7-14.3-32-32-32l-64 0z"/></svg>

    lässt sich dann ja nur über background-image oder mask-image auswählen.