4.11 Logo beim Backend Login ändern OK?

[Kahmoon]

Hallo zusammen,

ich habe in den aktuellen Changelogs zu 4.11 und zugehörigen Git Tickets gesehen das Andreas das Logo vom Backendlogin geändert hat (https://github.com/contao/contao/pul...ment-664011209) .

Das würde ich bei einer Installation auch gerne machen. Darf ich das überhaupt? Ich will hier nicht gegen ein Copyright etc. verstossen. Und wenn ja, wie mache ich das? be_login.html5 enthält diese Datei ja gar nicht sondern es ist ein SVG das im Body per CSS ist.

Vg
Frank

[Nightwing]

Du kannst ja das Contao Logo drinlassen.
Ich habe, da ein background komplett über die ganze Seite ist, einfach den container div nochmal eingetütet in ein <div id="background" class="login">
Beispiel, nur mit backgroundcolor: clickme

ToM

[Kahmoon]

Ich hätte dann sowas wie Kundenlogo + powered by oder so gemacht. Aber das mit der Farbe ist auch schon mal ein Anfang.

[Nightwing]

Das hab ich schon lange in der Art. Bei der dev Seite den Hintergrund noch per paint.net mit nem blur versehen.
Den roten bzw grünen Rand hab ich auch schon lang drin, bevor der Badge kam.
Das hier müsste komplett sein:

/* Variables */
:root {
    /* #0f0 / rgba(0, 255, 0, 0.8); - grün (produktiv) */
    /* #f00 / rgba(255, 0, 0, 0.8); - rot (test) */
    --border-color: rgba(0, 255, 0, 0.8);
    /* Nightwing:     #424242; */
    /* Bauwagen:     #aa4242; */
    /* Reigen:         #6297BA; */
    --background-color: #424242;
}

/* Layout - Scrollbar invisible */
html,
body {
    min-height:100vh;
    font: 0.95em Ubuntu,Arial,sans-serif;
    scrollbar-width: none;
    -ms-overflow-style: none; 
    -webkit-scrollbar: none; 
}

/* Login */
#background.login {
    min-height:100vh;
    margin: -15em auto;
    background: #132330 -webkit-radial-gradient(#234058,#0f1c26) !important;
    background: #132330 radial-gradient(#234058,#0f1c26) !important;
}

.tl_login_form {
    margin: 25em auto;
    background: url(../../../system/themes/flexible/icons/contao.svg) top 1em center no-repeat;
    background-size: 64px;
    -webkit-box-shadow: inset 0.5em 0.5em 0em 0em var(--border-color);
    -moz-box-shadow: inset 0.5em 0.5em 0em 0em var(--border-color);
    box-shadow: inset 0.5em 0.5em 0em 0em var(--border-color);
}

nw-prod.png & nw-dev.png

ToM

Nachtrag der Vollständigkeit in einem Post halber:
Ich habe im be_login.html5 Template, da ein background komplett über die ganze Seite ist, einfach den container div nochmal eingetütet in ein <div id="background" class="login">

[Kahmoon]

Danke

P.S. du hast 2 mal die Container ID "container" drin.

[Nightwing]

Ja, aber einmal mit der Klasse login.
Obs fachlich richtig ist, werd ich jetzt gleich mitbekommen...

ToM

[Spooky]

Und wenn ja, wie mache ich das? be_login.html5 enthält diese Datei ja gar nicht sondern es ist ein SVG das im Body per CSS ist.

Wie du CSS schreibst weißt du ja vermutlich?

- - - Aktualisiert - - -

Obs fachlich richtig ist, werd ich jetzt gleich mitbekommen...

IDs sind eindeutig. Wenn du dieselbe ID mehrmals in deinem HTML DOM hast, dann ist das invalides HTML. Verstehe auch nicht, warum du das so machen willst?

[Kahmoon]

Jo klar :-)

Also über die neue Backend.css zum Beispiel. Will aber da kein Copyrightvergehen oder so machen. Contao soll da schon sichtbar bleiben. Geht nur um ein nice to have für den Kunden.

[Nightwing]

IDs sind eindeutig. Wenn du dieselbe ID mehrmals in deinem HTML DOM hast, dann ist das invalides HTML. Verstehe auch nicht, warum du das so machen willst?

Das ist wie gesagt, schon ewig drin und ich hab mich nicht mehr damit auseinandergesetzt.
Aber, mit dem Mehrwissen jetzt, änder ich das natürlich, da es ja auch fachlich passen soll.
Danke.

ToM

[Kahmoon]

Danke auf jeden fall für die Hinweise. Ich spiel mal bissl rum

[Nightwing]

Obiger Code und DIV ID korrigiert, danke Euch beiden!

ToM