Item11487: CalendarPlugin is badly styled by JSCalendarContrib CSS

Basically, the rendered calendars have always got right-aligned text, regardless of what CSS I put in, even into the page itself. Then I finally realised the css was coming from the jscal contrib, not cal plugin.

The relevant CSS is from /pub/System/JSCalendarContrib/calendar-blue.css

.calendar tbody .day {
  width: 2em;
  color: #456;
  text-align: right;
  padding: 2px 4px 2px 2px;
}

and, of course, CalendarPlugin's HTML has classes .calendar and .day. D'oh.

CalendarPlugin version: Feb 2009. Yeah, a bit old, but I checked both CalendarPlugin and JSCalendarContrib current pages on foswiki.org and the changes show nothing about updating CSS as far as I can see.

Suppose this could be a bug against the contrib instead, but I figured calendar's being re-vamped (right?) so might as well put it here. Should be an easy fix.

-- MarcusLeonard - 31 Jan 2012

This is css provided by the javascript library. I haven't seen the alignment before, perhaps I don't use calendar-blue. But yes, it should be an easy fix.

-- ArthurClemens - 31 Jan 2012

These are 2 variations, centered and right-aligned.

Personally I prefer the right-aligned version, because the days are ligned up.

If you want to create a center-style skin, you can simply copy calendar-blue.css, call it calendar-blue-centered.css, and change System.JSCalendarContribInline to include that css file.

-- ArthurClemens - 25 Feb 2012

Commenting is disabled while not logged in