Mobile frontend

Got some ideas as to how the calendar could be improved?
No bugs, no installation issues, just your ideas as to what could be added or changed in this Availability Calendar (remember, this is NOT a bookings calendar by default)

Mobile frontend

Postby JohN » Tue Jan 22, 2013 1:52 am

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;
..
}
User avatar
JohN
 
Posts: 14
Joined: Fri Sep 30, 2011 1:42 am

Return to Suggestions

Who is online

Users browsing this forum: No registered users and 3 guests

cron