[look997]

#css #html #programowanie #frontend #webdev #ui
Jak zrobić, żeby tip z napisem w pionie był wyrównany do dołu viewport - jak przy position: fixed;, i scrollował się razem ze stroną.
Ale żeby w poziomie był wyrównany wewnątrz prawego, beżowego pola - jak przy position: absolute;, bo napis jest wewnątrz prawego pola.
?

Tutaj żywy przykład:
https://codepen.io/look997/pen/ZEJWPoW

Oczywiście żeby to był czysty CSS z HTML, bez JS i bez na sztywno ustawianych odstępów.

Pozornie proste, ale mam wrażenie że tego nie da się zrobić. :D

[S.....8]

@look997: ciezko, wymyslilem cos takiego, tylko musisz miec zafixowaną wysokosc tego toasta

https://codesandbox.io/s/laughing-mendel-lxfh5

[Thunderbolt]

@look997: o to Ci chodzi: div z klasą .loading-info przenosisz do .content, dla .loading-info usuwasz wartości right i left?

[look997]

@Thunderbolt: Tak!

Czyli fixed domyślnie jakby zachowuje pozycję względem kontenera, i to right/left psuło. Ok.

Nawet nie trzeba przenosić do .content jak patrzę. Samo usunięcie right i left wystarczy.
I moje position: relative dla .right

[look997]

@Sheppard28: Inaczej miało być ale już Thunderbolt dała dobre rozwiązanie.

[S.....8]

@look997: to zle zrozumialem "skrolowac ze strona jak przy position fixed" bo to co zaproponowal Thunderbolt nie dziala jak fixed

[look997]

@Sheppard28: Ale to na .loading-info jest zostawiony fixed teraz i mi działa, zobacz - tak to miało działać:
https://codepen.io/look997/pen/NWvNmYb

Tylko usunąłem right i left z .loading-info - bo to one psuły.
Usunąłem też position: relative z .right, bo po prostu zbędny, ale to nic nie zmienia.

[S.....8]

@look997: okay, totalnie inaczej zrozumialem wymagania

[look997]

@Sheppard28: Ale dzięki za chęć pomocy tobie też. :)

[Thunderbolt]

@Sheppard28: Twoje rozwiązanie jest sticky, pytanie do autora czy tak miało być czy fixed wystarczy :P

[look997]

@Thunderbolt: fixed lepiej się nada w moim przypadku.