Page 1 of 1

Mobile frontend

PostPosted: Tue Jan 22, 2013 1:52 am
by JohN
I needed the frontend of the calendar to be responsive in order to make it mobile compatable.
To do that, you just need to make some minor changes to the stylesheets.
The red text is added or changed.
The width of the divs have been changed by me to fit my altered text.
So keep your dimensions as they are.

I did not change the backend, though I think that could be done the same way.
When done, just resize your browser screen (viewport) to see the result.



file: ../ac-contents/themes/default/css/avail-calendar.css
#cal_wrapper {
..
max-width: 730px;
..
}


file: ../ac-contents/themes/default/css/avail-calendar.css
#the_months {
..
max-width: 534px;
..
}

file: ../ac-contents/themes/default/css/avail-calendar.css
#key_wrapper {
..
float: left;
..
}