✓ Modaly a spodné sheets

Modal | desktop 768+

Modal na desktope sa vždy zobrazuje v strede viewportu. Ak je jeho obsah väčší než viewport, modal sa umiestni s odsadením 20px od horného a spodného okraja, pričom obsah je scrollovateľný vnútri modalu. Tlačidlo na konci obsahu sa posúva spolu s obsahom.

Modal | mobil / tablet do 767px

Modal sa vysunie zo spodnej časti viewportu a je prichytený na spodok, šírka je 100% viewportu. Jeho výška sa prispôsobuje obsahu až do maxima 100svh - 16px, teda 100 % z najmenšej možnej výšky (keď sú lišty zobrazené) mínus 16px ako horný odstup. Ak je obsah väčší, zobrazí sa scrollbar.

Side modal | desktop 768+

Modal sa vysunie sprava. Jeho maximálna šírka je 612 px a výška 100 svh. Ak obsah presiahne výšku viewportu, zobrazí sa scroll.
Ak je obsahu menej, CTA tlačidlo zostáva prilepené na spodku modalu.

Side modal | mobil / tablet do 767px

Pre sidemodal mobil platia rovnaké pravidlá ako pre Modal do 767px

Modal sa vysunie zo spodnej časti viewportu a je prichytený na spodok, šírka je 100% viewportu. Jeho výška sa prispôsobuje obsahu až do maxima 100svh - 16px, teda 100 % z najmenšej možnej výšky (keď sú lišty zobrazené) mínus 16px ako horný odstup. Ak je obsah väčší, zobrazí sa scrollbar.