Hej,
Robię pewien projekt kalendarza w htmlu. Kalendarz wyświetla 5 elementów 'li' (każdy po 20% szerokości ekranu).
Dni to pionowe kolumny, a każda godzina to kolejny wers.
Po kliknięciu w daną godzinę pojawia się popup umiejscowiony domyślnie nad tą godziną, przesunięty lekko w prawo.
Problem polega na tym, że w ostatniej kolumnie popup zostaję ucięty przez ekran.
Czy jest jakiś łatwy sposób, który pozwoli na uniknięcie takich sytuacji i bedzie wyświetlał popup tab aby mieścił się w ekranie ?
Myślałem może nad stylem css dla ostatniego elementu 'li' który będzie zmieniał to umiejscowienie, ale dni będą się przesuwać w formie slidera i nie bardzo wiem jak to wyliczyć żeby zawsze ten ostatni był wyświetlany inaczej. Innym problemem są węższe ekrany, na których prawdopodobnie popupy i z 4 (przed ostatniej) kolumny będą ucięte.
Znam podstawy js. Może jest gotowiec, którego nie udało mi się odnaleźć ?