jarvis v3.0.0 - just another remarkable vis

[Revo]

@mcu dachte ich mir auch schon. Da es eh nur eine Testinstallation ist, werde ich alles noch mal in die Tonne hauen

Aber vielen Dank für die Hilfe! Das waren interessante Lösungsansätze die ich auf jeden Fall für die Zukunft mitnehmen und gebrauchen kann

[Dominik F.]

@mcu

.q-item__section--main   .q-item__label.text-h6 {
	color: LightGray;
}

.body--dark .sticky-table-header thead tr th {
	background: rgba(0,0,0,0.45) !important;
}

.body--dark tr:nth-child(2n) {
	background: rgba(0,0,0,0.45) !important;
}

Das hab ich bei mir ins css geschrieben.
Die verändern die json Tabelle.
Der erste die Schriftfarbe des Tabellenkopfes, also der Überschrift.
Der zweite macht den Tabellenkopfhintergrund transparenter.
Der dritte verändert den Hintergrund jeder zweiten Zeile.

Es gibt zwar den Datenpunkt .jarvis-JsonTable, der verändert jedoch genau die anderen Zeilen.

Edit:
Bilder gelöscht weil da Telefonnummern drin waren

[MCU]

@dominik-f Schau noch mal hier? Vielleicht kannst du die mit den neuen auch erreichen, wäre mir lieber.
https://mcuiobroker.gitbook.io/jarvis-infos/jarvis/besonderheiten-v3/styles/.jarvis-module-jsontable

[Dominik F.]

@mcu

Okay versuche ich

[MCU]

@dominik-f Sehe da jetzt keinen Unterschied, ausser anderer Ausschnitt?

[Dominik F.]

@mcu

Da wo Name steht ist der Hintergrund einmal grau, einmal transparent. Und bei jeder zweiten Zeile ebenso

[MCU]

@dominik-f Aber die LightGray oben zieht nicht?

[Dominik F.]

@mcu

doch zieht auch, es nur minimal dunkler, daher fällt das wahrscheinlich nicht so auf.

[MCU]

@dominik-f Na schau mal, ob es mit den jarvis-Klassen auch geht. Das was mit den jarvis-Klassen geht, machen wir dann damit.

[Dominik F.]

@mcu

Es scheint damit nicht zu funktionieren.

.jarvis-JsonTable-row-even {
	background-color: blue !important;
}

ändert zwar die richtige Zeile, jedoch bekomme ich damit keinen transparenten Hintergrund hin.

Ich habe dort auch nichts gefunden, was die Überschriften verändert

Edit:
Muss mich entschuldigen,

.q-item__section--main   .q-item__label.text-h6 {
	color: LightGray;
}

ändert die Farbe vom Widget Header, hier Status

[MCU]

@dominik-f Man muss dann gleichzeitig die jsonTable transparent machen:

.jarvis-JsonTable-row-even,
.jarvis-JsonTable {
	background: rgba(0,0,0,0.45) !important;
}

Würde da aber später einzelne Selektoren nehmen.

[Dominik F.]

@mcu

Das Problem ist, dass es dann nicht transparent wird

[MCU]

@dominik-f

[Dominik F.]

@mcu

Wie du auf deinem Bild siehst, ist es nicht transparent, sonst würdest man ja den Hintergrund sehen

[MCU]

@dominik-f

.jarvis-JsonTable-row-even,
.jarvis-JsonTable {
	background: rgba(0,0,0,0) !important;
}

[Dominik F.]

@mcu

Es ist und bleibt einfach nicht transparent

Hier mit deinen Einstellungen: Die dunkleren Zeilen sind die "transparenten".

Hier mit meinen:

Man sieht bei meinen, dass bei den dunklen Zeilen der Pinke streifen sichbar ist, bei deinen nicht

[MCU]

@dominik-f Ja für die anderen Zeilen muss man es dann einstellen:
Wenn die auch durchsichtig sein sollen.

.jarvis-JsonTable-row-even,
.jarvis-JsonTable {
	background: rgba(0,0,0,0) !important;
}
.jarvis-JsonTable-row-odd {
	background: rgba(0,0,0,0.45) !important;
}

[Dominik F.]

@mcu

[MCU]

@dominik-f Tja, dann machen wir das erstmal mit Deinen. Da muss zefau dann nochmal ran.

[Dominik F.]

@mcu

Dank dir. Also das macht den Hintergrund der Überschrift, wo Name etc steht transparent

.body--dark .sticky-table-header thead tr th {
	background: rgba(0,0,0,0.45) !important;
}

Das macht die Zeilen, die durch .jarvis-JsonTable nicht transparent werden, dann transparent.

.body--dark tr:nth-child(2n) {
	background: rgba(0,0,0,0.45) !important;
}