Logo im Header mit Transition

[zonky2]

Beim Scrollen nach unten wird die Headerzeile kleiner und damit auch das Logo - leider springt das sehr von einem Status in den nächsten... eine transition auf height wäre sicher schön(er)

[seibtph]

Das wäre ein Beispiel wie man es machen könnte:

.nav-container .navbar-brand img {
	transition: height .3s;
	height: 97px;
	width: auto;
}

Das Bild muss aber eine feste Höhe haben, damit das klappt. Für dich sollte das passen, aber für das Theme wäre das eher nicht so gut, wenn ich die Höhe per CSS festsetze. Oder hast du eine andere Idee?

[zonky2]

könnte man die Höhe als Inline-CSS setzen? Im Template sollte das doch aus den Bildeigenschaften ermittelbar sein - oder?

[seibtph]

Ja das wäre möglich. Ich muss mal schauen ob und wie wir das am besten ins Theme integrieren.

[seibtph]

Das Feature ist in der Version 3.4.0 implementiert. Du musst nur das Template des Logo auf logo_odd.html.twig umstellen.