Vorlagen/Ideen MüllPlan VIEW / Widget ?

[Negalein]

@SBorg sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

"Eingriff" direkt per CSS (nur daysleft gefärbt):

welchen CSS hast du da verwendet?

(hier auf 50% skaliert)

wie machst du das?
Wenn ich width und height angebe, bleiben die Tonnen gleich groß und verschieben sich nur.

@haus-automatisierung
wie ist das mit dem offenen, bzw. geschlossenen Deckel zu verstehen?

[SBorg]

@Negalein Ich habe mir das CSS vom Widget angeschaut und dann überschreibe ich die entsprechenden Werte. Einfach den eigenen Farbwünschen anpassen und bei CSS hinzufügen (am besten bei "Projekt"):

.trashtype .daysleft {
    background: #CCCCCC88 !important;
    color: #222222 !important;
}

Nun ist der Hintergrund etwas stärker und die Schrift fast schwarz. Trotzdem kann man noch im Widget die Textfarbe ändern:

Die Skalierung habe ich einfach über "transform" (in CSS Allgemein) realisiert. Einfach für bspw. die 50% eintragen:

scale(0.5)

[Negalein]

@SBorg sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

Einfach den eigenen Farbwünschen anpassen und bei CSS hinzufügen (am besten bei "Projekt"):

Danke
Wie kommst du an das CSS vom Widget? Über die Console im Browser?

scale(0.5)

Ich Depp. Klar mit scale. Und ich habs mit calc probiert.

[SBorg]

@Negalein sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

Wie kommst du an das CSS vom Widget? Über die Console im Browser?

Ne, direkt auf Verzeichnisebene. Da ist das IMO einfacher:

/opt/iobroker/node_modules/iobroker.vis/www/widgets/trashschedule/css/style.css

Das "!important" gibt es dort allerdings nicht. Damit wird immer der entsprechende Wert des Originals überschrieben.

[Negalein]

@SBorg sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

Ne, direkt auf Verzeichnisebene. Da ist das IMO einfacher:

werd ich mir merken.

Warum sieht man bei deinem Widget ein Kreuz im Deckel und bei mir nicht?

[SBorg]

@Negalein Gute Frage, nächste Frage...
Hast du Hexwerte bei den Farben genommen, oder einfach red, black, yellow? Ev. klappt dann die Umrechnung nicht?

[Negalein]

@SBorg sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

Hast du Hexwerte bei den Farben genommen

Ja

[SBorg]

@Negalein Ich glaube du bist zu "hart" unterwegs, dass ist ja im Prinzip rot, gelb und schwarz. Versuche es mal mit etwas weniger rot, gelb,...
"Meine":

[Negalein]

@SBorg sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

Ich glaube du bist zu "hart" unterwegs,

Bingo, das wars!

@haus-automatisierung, jetzt seh ich auch alle Deckel

[SBorg]

@Negalein sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

jetzt seh ich auch alle Deckel

und ich dachte schon "wann soll der Deckel zu sein?".
Hmm, Füllstandsanzeige für die Tonnen...

[Chaot]

@SBorg sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:
Einfach den eigenen Farbwünschen anpassen und bei CSS hinzufügen (am besten bei "Projekt"):

.trashtype .daysleft {
    background: #CCCCCC88 !important;
    color: #222222 !important;
}

Das ergibt bei mir ein gelbes Dreieck mit der Meldung "use of !important" in Zeile 2 und 3

[liv-in-sky]

kann es sein, dass wenn man große buchstaben nimmt in der farbe, dass es dann probleme macht - habe jetzt die werte von @SBorg (dank !) genommen und auf einmal sind die deckel farbig - vorher nicht

[Chaot]

@liv-in-sky Nö - macht bei mir keinen Unterschied

[SBorg]

@Chaot sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

Das ergibt bei mir ein gelbes Dreieck mit der Meldung "use of !important" in Zeile 2 und 3

Ist normal, gilt auch für andere CSS. Kann anscheinend der Editor nicht korrekt erkennen. Funktioniert aber.

@Chaot sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

@liv-in-sky Nö - macht bei mir keinen Unterschied

Nö, ist wurscht. Ich bin halt faul und schreibe es immer klein

[liv-in-sky]

@SBorg @Chaot

ihr habt recht - es sind einfach bestimmte werte, die er nicht mag - groß klein ist egal

[Feuersturm]

@Feuersturm sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

Edit: Hab mal bei Github ein Issue angelegt: https://github.com/klein0r/ioBroker.trashschedule/issues/7

@haus-automatisierung Danke für die schnelle Umsetzung Neuer Datenpunkt wird korrekt befüllt.

[Chaot]

@SBorg Danke schön.
Gibt es eigentlich eine Möglichkeit die Grafik zu ändern?
Meine Frau ist sauer weil ich ihr das schöne Männchen wieder wegenommen habe

[SBorg]

@liv-in-sky sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

es sind einfach bestimmte werte, die er nicht mag

Matthias rechnet die ja um für die Schattierungen. Also bspw. 10% grüner/heller als die eingegebene Farbe. Hast du jetzt voll grün eingestellt 100% oder ff, kann er eben nicht mehr als 100% oder ff und macht dann ... was auch immer

[SBorg]

@Chaot sagte in Vorlagen/Ideen MüllPlan VIEW / Widget ?:

Gibt es eigentlich eine Möglichkeit die Grafik zu ändern?

Das wird nicht einfach. Du müsstest aus der Tonne eine SVG erzeugen und dann im CSS ersetzen. Dort ist die "Originale" Tonne (unter "dumpster") von Matthias:

/opt/iobroker/node_modules/iobroker.vis/www/widgets/trashschedule/css/style.css

[liv-in-sky]

@SBorg - danke - jetzt ist es klar