In 7.x-3.0-alpha2 there is a little issue with PREV - NEXT buttons, look at the picture picture (opera, firefox, chrome) .

U need to change (modules/calendar/css/calendar_multiday.css):

.view .date-nav-wrapper .date-prev {
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  background: none repeat scroll 0 0 #dfdfdf;
  float: none;
  padding: 5px 0;
  position: absolute;
  right: 60px;
  text-align: right;
  top: 0px;
  width: auto;
  z-index: 1;
  font-size: 12px;
}

to

.view .date-nav-wrapper .date-prev {
  -moz-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  background: none repeat scroll 0 0 #dfdfdf;
  float: none;
  padding: 5px 0;
  position: absolute;
  right: 75px; /* change from 'right: 60px' */
  text-align: right;
  top: 0px;
  width: auto;
  z-index: 1;
  font-size: 12px;
}

to fix this. You can also add this to your template css file (it got priority over calendar css files):

.view .date-nav-wrapper .date-prev
{right:75px;}
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

kelutrab11’s picture

Thanks! I'm using different width on one of my site and it's been very helpful!

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

batigol’s picture

Calendar used on block display has problem with PREV NEXT buttons too. It happens cause of .item-list ul li has default margin: 0px 0px 0.25em 1.5em; in system.theme.css (:63). To clear this you need to add:

#calendar .item-list ul li
{margin:0;}

CSS fix like this or @kerios83 may be useful when you try put calendar on custom theme or in tin block.

batigol’s picture

If you are using read more as link in Calendar item list, you should use:

#calendar .date-nav-wrapper .item-list ul li
{margin:0;}
pwiniacki’s picture

Issue summary: View changes

Confirmed on clean drupal 7.34 install with latest date and calendar there is issue with system.theme.css - to override it u need to put this code in to your_template.css file:

.view-header .date-nav-wrapper .item-list ul li /* to override system.theme.css */
{margin-left:0;}

or

.date-nav-wrapper .item-list ul li /* to override system.theme.css */
{margin-left:0;}

but NO:

.item-list ul li /* to override system.theme.css */
{margin-left:0;}

cause it will override all defaults (not calendar) ul li list styles.

debain’s picture

My solution:
Create this template file http://drupalcontrib.org/api/drupal/contributions!date!date_views!theme!... and rename class date-prev and date-next. This makes the calendar responsive (I am using bootstrap 3 theme).

For Information:
I activate ajax in the month view and disable the "day"-view link (see: https://www.drupal.org/node/360364#comment-3099562). Now I can use the month-view inside panels.

basvredeling’s picture

Status: Closed (fixed) » Needs review
FileSize
361 bytes

This is not fixed. See attached patch for a quick and simple solution to the spacing problem.

apaderno’s picture

Version: 7.x-3.0-alpha2 » 7.x-3.x-dev
Assigned: kerios83 » Unassigned
Priority: Minor » Normal

Neslee Canil Pinto’s picture

Status: Needs review » Fixed

Committed, Thanks.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.