[3.2] prosilver: Warum Cookiefenster-Hintergrundfarbe über Javascript?

[ZNC]

Hat lange gedauert, bis ich rausbekommen habe, wo die Hintergrundfarbe für das Cookiefenster initialisiert wird: ganz zum Schluß der overall_footer.html. Gibt es einen Grund dafür, dass dies nicht über CSS gesteuert wird?

[Dr.Death]

Ja.

Weil das Script: <script src="{T_ASSETS_PATH}/cookieconsent/cookieconsent.min.js?assets_version={T_ASSETS_VERSION}"></script>
nicht über die Style Template Engine angesteuert wird und im Extern ausgelagerten Ordner /assets/cookieconsent/ liegt.

Somit kann es also keine CSS Definition des aktiven Styles abgreifen.....

[ZNC]

Hallo Dr.Death, über CSS kann es geändert werden (siehe Cookie Hinweis - bgcolor ändern - wo), das hatte mich ja irritiert, obendrein hatte ich die Background-Erstdeklaration nicht finden können.

In dem zuvor genannten Link von Joyce&Luna ist der CSS-Selektor ".cc-color-override--1687565279.cc-window". Leider kenne ich Javascript nicht, als dass ich beantorten könnte, woher dieses "-1687565279" kommt. Jedoch reicht folgendes aus:

Code: Alles auswählen

.cc-window { background-color: #FF0000 !important; }

Deshalb frage ich mich ja, warum eine inline-style-Deklaration anstelle einer CSS-Deklaration?

PS: weiterer interessanter Beitrag in diesem Kontext: Cookiehinweis ändern

[Joyce&Luna]

Es gibt auch eine css Datei zu den Cookies
Zu finden hier assets => cookieconsent => cookieconsent.min.css

Ich benutze in meinen Styles 2 Code, einmal für Farbe und einmal für die Breite bzw. Höhe.

Code: Alles auswählen

.cc-color-override--1687565279.cc-window {
    background-color: #434343 !important;
    color: #fff;
}

.cc-window.cc-banner {
    flex-direction: row;
    padding: 0.3em 1.8em !important;
    width: 100%;
}

[ZNC]

Hallo Joyce&Luna

Du hattest mir durch Deine Antwort auf den Post Cookie Hinweis - bgcolor ändern - wo geholfen, heraus zu bekommen, dass eine Style-Klasse in "assets\cookieconsent\cookieconsent.min.js" deklariert wird und in Teilen Stylevorgaben in "assets\cookieconsent\cookieconsent.min.css" existieren. Aber erst mal darauf kommen, ich hätte es ohne diesen Tipp von Dir nicht geschafft.

Deshalb hat sich mir ja die Frage gestellt, warum man anstelle einer inline-Deklaration innerhalb des Skripts in der "overall_footer.html":

Code: Alles auswählen

<script>
	window.addEventListener("load", function(){
		window.cookieconsent.initialise({
			"palette": {
				"popup": {"background": "#0F538A"},
				"button": {"background": "#E5E5E5"}
			},
		... usw.
		})
	});
</script>

alle Styleangaben nicht in eine CSS-Datei packt?

[Joyce&Luna]

Warum die CSS nicht in Prosilver mit eingepackt wurde, das habe ich mich auch schon gefragt.
Für mich gehört es eindeutig zum Style um diesen auch farblich am Style an zu passen.

Mit dem Entwicklewerkzeuge ist diese schnell zu finden, auch den Pfad.

Anke

[Tastenplayer]

Hallo Anke
Bin jetzt grad etwas überfordert sorry

Ich muss also in jedem meiner Styles in der style.css das einfügen:

Code: Alles auswählen

.cc-color-override--1687565279.cc-window {
    background-color: #434343 !important;
    color: #fff;
}

.cc-window.cc-banner {
    flex-direction: row;
    padding: 0.3em 1.8em !important;
    width: 100%;
}

dann kann ich den Cookie-Hinweis anpassen an den jeweiligen Style? Habe ich das so jetzt richtig verstanden?

[Joyce&Luna]

Wenn du es farblich verändern willst Ja.Ansonsten ist es Blau.
Mit dem unteren habe ich es etwas von der Höhe reduziert.

Anke

[Talk19zehn]

Hello, von welchem Cookiefenster wird in welchem Zusammenhang überhaupt gesprochen?

[Joyce&Luna]

Die Cookie Anzeige im Footer, die man bestätigen muss.

Die man im ACP unter Cookies aktivieren kann.

Anke