search

contao-themes-net / odd-theme-bundle

odd theme bundle for contao cms
https://contao-themes.net/theme-detail/odd.html
Other
4 stars 2 forks source link

Logo im Header mit Transition #56

Closed zonky2 closed 8 months ago

zonky2 commented 11 months ago

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 commented 11 months ago

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 commented 11 months ago

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

seibtph commented 11 months ago

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

seibtph commented 8 months ago

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