Mam nadzieję, że jest tu ktoś, kto zrobił to, co jaobecnie próbuje osiągnąć. Uczę się nowych frameworków JS i mam pomysł, aby kalendarz pełnoekranowy z topbarem stał się moją stroną główną. Ten kalendarz powinien mieć pełną szerokość i pełną wysokość dostępną na zwykłych monitorach.
Udało mi się uczynić go pełną szerokością przy użyciu Foundation SCSS, zmieniając to w _settings.scss:
$row-width: 100%;
$total-columns: 7;
Moje główne pytanie brzmi - jak to jest optymalny sposóbtworzenie 5 wierszy (zawsze jest to 5 wierszy dla jednego miesiąca), które zawsze zajmują pełną pozostałą wysokość ekranu? (pozostałe z powodu stałej nawigacji na górnym pasku).
Jestem w porządku z SCSS, więc wszystkie sugestie są mile widziane.
Dzięki!
Odpowiedzi:
-1 dla odpowiedzi nr 1Ok, rozwiązanie, które działa:
// Get client height (screen height)
var maxHeight = window.innerHeight;
var topbarHeight = $("div.fixed").height();
var columnHeight = (maxHeight - topbarHeight - 10) / 5;
$(".calendar-row .column").height(columnHeight);
Osobiście uważam, że musi istnieć bardziej „eleganckie” rozwiązanie, ale może się mylę. Jeśli ktoś znajdzie lepsze rozwiązanie, proszę odpowiedzieć.
Dzięki.