Beiträge von Mira_Belle

Nein.

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

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:

[data-tooltip="Inhalt melden"]::after {
    content: "Inhalt melden" !important;
    margin-right: 10px !important;
    font-size: 13px !important;
}

[data-tooltip="Zitieren"]::after {
    content: "Zitieren" !important;
    margin-right: 10px !important;
    font-size: 13px !important;    
}

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

[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)

OK, bin scheinbar zu blöd und bekomme die gegebenen Hinweise und Hilfestellungen nicht auf die Kette.

Werde es lassen so wie es ist. Danke für die Mühe.

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

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

.messageFooterButtonsExtra > li:last-child .button {
    color: #3f3f3f !important;
}
.messageFooterButtonsExtra > li:last-child .button::after {
    content: "Inhalt melden" !important;
}
.messageFooterButtonsExtra > li:last-child .button:hover::after {
    color: red !important;
}


  .messageFooterGroup > .messageFooterButtonsExtra + .messageFooterButtons > li:first-child::after {
    content: "Zitieren" !important;
      margin-right: 10px !important;
    font-size: 13px !important;
    padding-top: 6px !important;
      
}
  .messageFooterGroup > .messageFooterButtonsExtra + .messageFooterButtons > li:first-child:hover::after {
    color: red !important;
}


.messageFooterGroup .reactButton {
		-webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 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 16H286.5c-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.8H384c34.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 32V448c0 17.7 14.3 32 32 32H96c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32H32z"/></svg>') !important;
		-webkit-mask-repeat: no-repeat;
		-webkit-mask-position: center;
		-webkit-mask-size: 18px !important;
		background-color: #3f3f3f !important;
    margin-right: 95px !important;

  &:hover {
    background-color: orange !important;
  }
  
  .active {
		background-color: red!important;
		opacity: 1 !important;
  }
}

	.messageFooterGroup:has(.reactButton)::after {
		content: "Gefällt mir" !important;
		padding-right: 20px !important;
		padding-top: 8px !important;
		margin-left: -95px !important;
		color: #3f3f3f !important;
		font-weight: bold !important;
    font-size: 13px !important;
	}
	.messageFooterGroup:has(.reactButton):hover::after {
    color: orange !important;
}

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!

Sören Hentzschel Der Unicode '\f164' ist für dieses Symbol => thumbs-up-solid.svg

Der Code in meinem Beispiel aber für dieses hier => thumbs-up-regular.svg

Beide haben aber den gleichen Unicode.

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

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

Zitat von grisu2099

Zitat von Mira_Belle

abe wo kommt '\f164' her,

Beitrag #41 gelesen (und verstanden)?

Ja habe ich! Aber wohl nicht richtig.

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

Mit background-image: url('data:image/svg+xml,<svg xmlns=..... ') !important; tut sich zwar was, aber ....

Für heute ist's genug.

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

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=.....)?

Ich komme mir gerade ziemlich ... vor die Wand gewetzt vor.

Kann mir jemand das '\f164' erklären, bitte,

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

Zitat von Sören Hentzschel

Die Icon-Implementierung werde ich heute Abend übrigens vermutlich noch einmal übarbeiten

Dann werde ich abwarten! Denn ich habe das bisher auch noch nicht so hinbekommen, wie ich mir das so vorstelle.

.messageFooterGroup:has(.reactButton)::after {
	content: "Gefällt mir" !important;
	margin-left: 5px !important;
}

Dann steht "Gefällt mir" etwas hinter dem Button.

Zitat von 2002Andreas

Zitat von Mira_Belle

Es darf gespielt werden!

Das hast du sehr schön gemacht, danke

Danke

Zitat von 2002Andreas

Teste bitte:

Code

 .reactionType {
  -webkit-mask-image: url(...)
}

Und danke für diesen Code. Hätt' ich eigentlich auch drauf kommen müssen,
stand dann aber wohl zur späten Stunde auf dem Schlauch.

Das ganz links ausblenden bekomme ich hin!
Aber wie "austauschen

Da möchte ich auch den "Daumen hoch".

Es darf gespielt werden!

.messageFooterGroup .reactButton {
  -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 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 16H286.5c-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.8H384c34.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 32V448c0 17.7 14.3 32 32 32H96c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32H32z"/></svg>') !important;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: 18px !important;
  background-color: #3f3f3f !important;
}
.messageFooterGroup .reactButton:hover {
	background-color: #00ff00 !important;
}
.reactButton.active {
background-color: rgb(102, 255, 0) !important;
	opacity: 1 !important;
}

Und schon geht es nicht mehr!
Sören muss was geändert haben! Denn jetzt wird im original ein Herz angezeigt,

und beim "drüberfahren" ändert es seine Farbe in Orange.

Zitat von 2002Andreas

Das lässt sich auch automatisch machen, wenn man eine FRITZ!Box hat.

https://phoneblock.net/phoneblock/

Danke.

Die Warnung bezog sich auf " ...werden vermehrt Pinganrufe aus Holland getätigt!"
Da ist nun mal die Länderkennung, +31.
Wenn jeder, der nur eine X-belibige Nummer liest, so handeln würde, wie Du das scheinbar voraussetzt,
bzw. machst, würde es solche "Anrufe gar nicht geben, weil sie ins Leere laufen würden.

Entschuldige, dass ich vor diesen Betrügereien warnen wollte.

Tu nichts Gutes, dann geschieht Dir nichts Böses!
Muss ich mir hinter die Ohren schreiben.

Die Goldwaage wieder, sorry.
Wenn ihr niemanden aus den Niederlanden kennt, solltet ihr abwarten und nicht drann gehen.
So besser?
Oder habe ich noch etwas nicht ausführlich genug beschrieben, damit es auch der allerletzte versteht, was gemeint ist?

Bezug Apps, auch das war, ist von mir sehr allgemein gemeint gewesen und bezog sich nicht ausschließlich auf die
CookieDoo-App für den Thermomix. Es ist toll, wenn mal eine App, wie in diesem Fall die CookieDoo-App für den Thermomix,
nicht alles, was auf dem Smartphone so ist, abgreift! So sollte es eigentlich immer sein!

Zitat von StandingBill

Die erstaunlichen Vorteile smarter Haushaltsgeräte werden hier von einigen Experten erläutert.

Geil!

Es ist ja oft nicht das Gerät, welches der "Spion" ist, wie im letzten Beispiel der Thermomix,
sondern die Apps, die solche Geräte smart machen sollen!

Auf welche Datenpools sie zugreifen wollen/müssen, um überhaupt zu funktionieren!
Warum muss eine solche App auf das Telefonbuch zugreifen müssen?
Was hat das mit den Funktionen des Geräts, das ich steuern will, zu tun?

Solche Fragen sollte man sich dann schon mal stellen! Zumal ich eigentlich niemandem gestatte
meine Telefonnummer ungefragt an irgendjemanden weiter zugeben!

Standortabfragen? Wofür? Und, und, und.

Aber kann ja jeder halten wie er möchte, nur brauchen sich die Leute nicht wundern,
wenn ihnen ihre Sorglosigkeit irgendwann, irgendwo auf die Füße fällt.
Meist werden sie es ja nicht einmal merken, dass sie gerade benachteiligt werden.

Nur aus diesem Grund bringe ich z.B. Shelly und ähnliche Hersteller und Geräte ins Gespräch.
Da kann man vieles "Smart" machen, ohne gleich die Hose runterlassen zu müssen.

Und wer ein Eigenheim besitzt, sollte, wenn er das "zu Hause" automatisieren möchte,
sich Gedanken darüber machen, ob er wirklich billige Geräte kaufen und benutzen möchte,
gleichzeitig mit vielen Daten bezahlen will,
oder ob es nicht besser ist, die Steuerung zentral über einen kleinen Homeserver macht
und Sensoren und Aktoren nutzt, die eben zwar im eigenen Netz funktionieren,
aber eben kein I-Net benötigen.

Äh, kleiner Hinweis, wegen des Telefonbuchzugriff, z.Z. werden vermehrt Pinganrufe aus Holland getätigt!
Wenn im Display +31 angezeigt wird, nicht drann gehen und auf gar keinen Fall zurückrufen

Zitat von .DeJaVu

Wer von euch ohne Thermomix sei, der werfe vielleicht einen Stein. Mein ja nur.

Ich! Wohin soll ich den Kiesel werfen? Aber ich habe ein Smartphone, weil Mobil will man ja erreichbar sein,
und so 'ne Alexa haben wir auch. Das Teil wird nur noch als "Radio" genutzt, eigentlich ein total unnützes Gerät.
Ach, nee, zu Weihnachten wird die Beleuchtung vom Baum damit gesteuert. Dennoch doof (von uns), wäre auch mit einer Funksteckdose gegangen.

Wie Sören schon schrieb, die automatischen Updates deaktivieren und folgendes JavaScript nutzen.

// Addons-UpDate-Check.uc.js

// Source file: https://www.camp-firefox.de/forum/thema/135803/?postID=1216977#post1216977
// Source file: https://www.camp-firefox.de/forum/thema/135814/?postID=1217002#post1217002
// Source file: https://www.camp-firefox.de/forum/thema/135814/?postID=1232102#post1232102

(function() {
    if (!window.gBrowser) return;
    try {
        CustomizableUI.createWidget({
          id: 'addons-update-button',
          defaultArea: CustomizableUI.AREA_NAVBAR,
          label: 'Add-ons Update',
          tooltiptext: 'Add-ons aktualisieren',
          onCommand: onCommand,

      });
    } catch(e) {
      return;
    }

    let ProfilePath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons')); // Pfad zum Profilordner und gleich in den entsprechenden Unterordner
    let ButtonIcon = "sync.svg"; // Name & Dateiendung des anzuzeigenden Symbols!
    let sss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);       
    let uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent(`
 
        #addons-update-button { list-style-image: url("${ProfilePath}/${ButtonIcon}") }
        #addons-update-button.toolbarbutton-1.chromeclass-toolbar-additional image.toolbarbutton-icon {
          width: 28px !important;
          height: 28px !important;
          fill: #ffe10f !important;
          fill-opacity: 1 !important;
          }
 
       `), null, null);
 
    sss.loadAndRegisterSheet(uri, sss.AUTHOR_SHEET);
     
    function onCommand(event) {
      event.target.ownerGlobal.openTrustedLinkIn('about:addons', 'tab');
      addEventListener('pageshow', function onPageshow(event) {
        let document = event.target;
        if (document.URL != 'about:addons') return;
        removeEventListener('pageshow', onPageshow);
        document.querySelector('addon-page-options panel-item[action="view-recent-updates"]').click();
        document.querySelector('addon-page-options panel-item[action="check-for-updates"]').click();
        content.setTimeout(function() { 
          let categories = document.getElementById('categories');
          categories.querySelector('button[viewid="addons://updates/recent"]').click();
          categories.querySelector('button[viewid="addons://updates/available"]').click();
        }, 1500); 
      });
    };
  })();