Beiträge von Sören Hentzschel

Das Symbol in der Themenliste bezieht sich ausschließlich auf Reaktionen des jeweiligen Startbeitrags. Ein positiv bewerteter Startbeitrag stellt quasi eine positive Bewertung für das Thema dar. Reaktionen aller anderen Beiträge werden an dieser Stelle nicht berücksichtigt.

Zate – Schwanger

Zitat von TPD-Andy

Der DownloadHelper wird nicht installiert da die Unterstützung für Flatpak Pakete nicht installiert ist. Das steht so in der Fehlermeldung im ersten Beitrag.

Das steht nicht in der Meldung. In der Meldung steht, dass es nicht notwendig ist, Flatpak zu verwenden, es wird lediglich empfohlen. Da Flatpak nicht verwendet wird, wurde die Flatpak-Installation übersprungen. Der Themenstarter nutzt aber Snap. Und dementsprechend muss der Snap-Firefox in der Lage sein, Native Messaging auszuführen. Da sind wir dann bei Beitrag #12.

Richtig, font-size ist der korrekte Weg, um Schrift zu vergrößern. 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:

.reactionCountButton {
  display: flex;
  align-items: center;
  column-gap: 2px;
  
  &::before {
    content: '\f164';
    font-family: 'Font Awesome 6 Free';
    font-size: 20px;
  }
  
  img {
    display: none;
  }
}

Zitat von Mira_Belle

Das 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.

Die Eigenschaft content gibt es nur für Pseudoelemente, d.h. ::before oder ::after. Allerdings kannst du kein Pseudoelement auf .reactionType anwenden, weil es sich dabei um ein img-Element handelt, ein sogenanntes „Replaced Element“. Außerdem wollen wir das img-Element ja ausblenden, damit du keine zwei Icons siehst, was ein zweiter Grund ist, wieso wir kein Pseudoelement für das img verwenden können. Das wäre sonst auch nicht mehr zu sehen. Verwende stattdessen das übergeordnete Element .reactionCountButton. Außerdem musst du die Schrift noch ändern, denn in der „Standardschrift“ gibt es kein Zeichen für diesen Unicode. Der Grund, wieso du das beim Reagieren-Button nicht brauchst, ist der, dass ich das ja schon im CSS des Stils hinterlegt habe. Das ist an der Stelle, die du bearbeiten möchtest, nicht der Fall. Da musst du selbst die font-family setzen.

.reactionCountButton {
  &::before {
    content: '\f164';
    font-family: 'Font Awesome 6 Free';
  }
  
  img {
    display: none;
  }
}

Ich vermute mal, dass die Erledigung des folgenden Tickets (Patches sind in Arbeit) in diesem Fall relevant ist:

Zitat von Mira_Belle

bekomme die gegebenen Hinweise und Hilfestellungen nicht auf die Kette

.reactButton {
  width: 120px !important;

   &::before {
    content: '\f164' !important;
    font-weight: 400 !important;
  }
  
  &::after {
    content: 'Gefällt mir' !important;
    padding-left: 5px !important;
  }
}

Zitat von Mira_Belle

Im Grunde möchte ich, dass es so ausschaut: […] Daher habe ich es mit weiteren Anpassungen erst einmal gelassen!

Ich habe dir doch bereits die Lösung genannt?

Zitat von Mira_Belle

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.

Das ist ja auch kein Wunder. Wie ich schon früher in diesem Thread schrieb: .messageFooterGroup ist die gesamte Buttongruppe. Wenn du darauf ein :hover setzt, reagiert das auch auf die gesamte Buttongruppe und nicht einen einzelnen Button.

Okay, verstehe. Der Unterschied liegt im „solid“ vs. „regular“. Die ausgefüllten Icons sind „solid“, wie auch das ausgefüllte Herz, welches wir standardmäßig verwenden. Dafür wurde die font-weight auf 700 gesetzt. Du möchtest die „regular“-Version. Dafür musst du font-weight: 400 setzen.

Du kannst die font-weight auch mal ohne Icon-Änderung anpassen und schauen, was das mit dem Herz-Symbol macht.

.reactButton::before {
  font-weight: 400 !important;
}

Das gleiche Prinzip lässt sich auf einige Icons hier im Forum anwenden. Aber Achtung: Nicht jedes Icon steht in diesen beiden Versionen zur Verfügung. Du siehst das auf der Website von Font Awesome daran, ob dort ein „Pro“-Zusatz steht. Wenn ja, kann das hier nicht verwendet werden.

Bequemlichkeit sehe ich auch nicht als Anwendungsfall, weil ja nichts dadurch bequemer wird. Man muss so oder so die Tabs oder das Fenster als Ganzes schließen. Das ändert sich nicht dadurch, ob nun irgendwelche Daten sofort oder ein paar Minuten später gelöscht werden.

Was die genannte Erweiterung betrifft, weiß ich auch nicht, wie zuverlässig diese arbeitet. Was ich weiß, ist, dass Firefox keine Schnittstelle für „private“ Tabs besitzt. Die Erweiterung nutzt eine Tab-Umgebung. Und mit dem Schließen des Tabs wird diese Tab-Umgebung wieder gelöscht. Ebenso die Chronik, die mit dieser Tab-Umgebung verknüpft ist (standardmäßig ist die Chronik nämlich umgebungsübergreifend). Ob dabei nicht vielleicht Rückstände übrig bleiben, die in privaten Fenstern nicht auf dem System bleiben - keine Ahnung. Ich kann mir schon vorstellen, dass die Erweiterung zumindest aus reiner Nutzersicht einen guten Job macht. Für Anwendungsfälle, wo man halt einfach keine Chronik, Cookies etc. behalten möchte und man keine Garantie braucht, dass nicht irgendwo im Profil noch eine Spur zurück bleibt. Aus Tracking-Sicht, worum es dem Themenstarter zu gehen scheint, glaube ich wie gesagt nicht an die Idee, dass private Tabs einen nennenswerten Vorteil gegenüber privaten Fenstern bringen.

Zitat von milupo

Diese Codes siehst du auch, wenn du mal den Websites verbietest, ihre Schriftarten zu verwenden.

Seit mehreren Jahren allerdings nur noch bei Icon-Schriften, welche nicht den dafür vorgesehenen Unicode-Bereich verwenden. Die Einstellung, um Websites die Verwendung eigener Schriftarten zu verbieten, wirkt sich ansonsten nicht mehr auf Icon-Schriften wie die von Font Awesome aus.

Zitat von Mira_Belle

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

Naja, mehr als 2.000 Icons Auswahl. Da sollte normalerweise doch etwas Passendes dabei sein.

Zitat von Mira_Belle

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

Das Beispiel verstehe ich allerdings nicht. Denn laut Copyright-Angabe im Code stammt das Icon doch von Font Awesome. Du kannst jedes beliebige der über 2.000 kostenlosen Icons aus Font Awesome durch einen Austausch von nur vier Zeichen verwenden. Wenn ich mir deine SVG-Grafik ansehe, ist es sogar exakt das Icon, welches im Beispiel von Andreas verwendet wird. Das ist also ein Beispiel dafür, wo du eben nicht background-image oder mask-image verwenden musst, sondern ohne Nachteil den jetzt viel einfacheren Weg wählen kannst.

Zitat von Mira_Belle

aber wo kommt '\f164' her, bzw. wie setzt sich der Code zusammen?

Das ist das Unicode-Zeichen für das Daumen-Symbol in der Font Awesome Schrift. Die Website hatte ich ja verlinkt. Wie gesagt: Gewünschtes Icon anklicken, dann rechts oben den vierstelligen Unicode ablesen.

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.

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.

Zitat von Mira_Belle

Mh, content: url('data:image/svg+xml,<svg xmlns=..... ') !important; funktioniert schon einmal nicht!

Das ist ja auch kein Unicode, der wie gesagt aus vier Zeichen besteht. Möchtest du eine Grafikdatei einbinden, mach es wie vorher. Da musst du dann natürlich zusätzlich das jetzt verwendete Schrift-Symbol wieder ausblenden:

.reactButton {
  &::before {
    display: none;
  }
}

Zitat von 2002Andreas

Ach Sören, ich muss halt noch viel lernen.

Gar nicht so viel. Sobald du siehst, dass du die gleichen Selektoren mehrfach schreibst, kannst du verschachteln. Wenn dein Selektor aus mehreren Teilen besteht, die durch Leerzeichen getrennt sind, sind das die jeweiligen Ebenen. Wenn zwischen Teilen kein Leerzeichen steht, wird dies in der Verschachtelung durch ein & dargestellt. Daher:

.foo {
  width: 100px;
}

.foo::before {
  content: '';
}

.foo .bar {
  color: red;
}

Identisch zu:

.foo {
  width: 100px;
  
  &::before {
    content: '';
  }
  
  .bar {
    color: red;
  }
}

Und schon musst du, wenn sich der Klassenname .foo ändert, nur noch eine Stelle im Code anpassen statt drei. Übersichtlicher ist es außerdem, weil man sofort sieht, dass das alles zusammen gehört. Das war ein einfaches Beispiel mit nur einer Ebene Verschachtelung. Du kannst aber im Prinzip beliebig viele Ebenen tief verschachteln.

Da habe ich dir das schon so schön verschachtelt und dann nutzt du das nicht für deine eigene Anpassung …

.reactButton {
  width: 120px !important;

  &::before {
    content: '\f164' !important;
  }
  
  &::after {
    content: 'Gefällt mir' !important;
    padding-left: 5px !important;
  }
}

Am Begriff „Backup“ sollte man sich nicht aufhängen. Mozilla bewirbt die Synchronisation seit einer Weile selbst aktiv als Backup-Werkzeug. Die Seite ist auch im Hilfe-Menü von Firefox verlinkt. Letztlich geht es um die Datenübertragung in eine neue Firefox-Installation. Und das ist mittlerweile ein offiziell unterstützter Anwendungsfall für die Synchronisation.

Hallo,

zur Klarstellung: Du bist für die Synchronisation angemeldet? Das folgt nicht automatisch daraus, dass Firefox mit einem Firefox-Konto verknüpft ist. Grundsätzlich ist es einfacher zu beantworten, was synchronisiert wird. Denn nicht synchronisiert wird alles andere.

Einstellungen → Synchronisation → Synchronisierung verwalten

Synchronisiert wird das, was du dort ausgewählt hast.

Beachte: Einstellungen schließen nicht ausnahmslos alle Einstellungen ein, sondern nur einen Teil der Optionen, die über about:config zugänglich sind, und auch davon nicht alle. Einstellungen von Erweiterungen werden in den allermeisten Fällen ebenfalls nicht synchronisiert, weil sich die Entwickler der Erweiterungen explizit dafür entscheiden müssten, was nur auf die wenigsten Add-ons zutrifft.

Zitat von 2002Andreas

Dann aber bitte wieder eine ganz einfache Variante zum Anpassen nachträglich.

.reactButton {
  &::before {
    content: '\f004' !important;
  }
}

Solange du dich an einem der über 2.000 kostenlosen Icons von Font Awesome bedienst, musst du lediglich das obige Code-Beispiel verwenden und den content-Wert anpassen. Klicke auf der Website das gewünschte Icon an und du siehst oben rechts den vierstelligen Unicode, der per Klick kopiert wird.

Die Formulierung „jeder Tab ein eigener Browser“ ist etwas schwierig, da Tabs ja Teil des Browsers sind und nicht umgekehrt. Es gibt in jedem Browser das Konzept privater Fenster. Die Surf-Spuren, die bei deren Nutzung anfallen, werden mit dem Schließen des Fensters gelöscht. Das Ganze auf die Tab-Ebene zu verfeinern, ginge wohl etwas weit. Da sehe ich auch nicht wirklich den Anwendungsfall für, weil ich die Dringlichkeit nicht erkennen kann, wieso das bereits beim Schließen des Tabs und nicht „erst“ beim Schließen des Fensters passieren muss.

Tracking lässt sich nicht vollständig eliminieren (und wenn man sich die Diskussionen um PPA ansieht, scheint es fast, als würden selbst vermeintliche Datenschutz-Experten das gar nicht wollen). Dass die Surf-Spuren umgehend mit Schließen des Tabs gelöscht werden, ist hierfür aber auch gar nicht wesentlich. Da sind andere Faktoren entscheidender, wie eben beispielsweise, dass es eigene „Cookie-Container“ für jede Domain gibt, das Blockieren bekannter Tracking-Scripts und viele weitere Maßnahmen, die Firefox ergreift. Aber dennoch: Anbieter, die auf Tracking setzen, werden natürlich auch kreativ, wenn der Browser die naheliegenden Wege erschwert. Und am Ende geschieht Tracking durch eine Kombination verschiedenster Daten, nicht nur über Cookies. Selbst Sicherheits-Features wie HSTS wurden schon für Tracking missbraucht. Es kann theoretisch sogar auch wieder kontraproduktiv sein, zu viel zu blockieren, weil du dann dadurch aus der Masse hervorstichst und man deine Besuche mit relativ hoher Wahrscheinlichkeit deswegen dann wieder einer einzelnen Person zuordnen kann.

Was das VPN betrifft: Mit dem Mozilla VPN kannst du in jedem Tab in einem anderen Standort eingewählt sein. Das geht bereits über die Erweiterung Firefox Multi-Account Containers, ebenso wie über eine ganz neue Firefox-Erweiterung für das Mozilla VPN, welche irgendwann in den nächsten Wochen oder Monaten veröffentlicht werden wird (aber Stand heute noch nicht erschienen ist). Das geht aber beides nur mit dem Mozilla VPN, nicht mit einem anderen VPN-Anbieter.

Um bei einem Problem mit einem Abonnement wirklich helfen zu können, müssen persönliche Daten genannt werden und ab dem Moment betrifft das automatisch den Datenschutz. Deswegen werden solche Themen nicht öffentlich behandelt, sondern über ein Kontaktformular, sodass die Inhalte dieser Kommunikation vertraulich zwischen Mozilla und dem Kunden bleiben. Und deswegen bekommt man das als Außenstehender auch nicht mit, ob und wie viele Probleme dieser Art es gibt.

Allgemein bekannt nicht, aber solche Rechnungsthemen werden ja schon aus Datenschutzgründen normalerweise nicht in der Öffentlichkeit diskutiert. Ich kann aus eigener Erfahrung nur sagen, dass ich das Problem bei Mozilla noch nicht hatte (ich habe Jahresabos für das Mozilla VPN, Firefox Relay Premium und MDN Plus).