Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
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;}
Comment | File | Size | Author |
---|---|---|---|
#7 | calendar_prev_next-1414802-7.patch | 361 bytes | basvredeling |
Snap1.jpg | 7.68 KB | kerios83 |
Comments
Comment #1
kelutrab11 CreditAttribution: kelutrab11 commentedThanks! I'm using different width on one of my site and it's been very helpful!
Comment #3
batigol CreditAttribution: batigol commentedCalendar used on block display has problem with PREV NEXT buttons too. It happens cause of
.item-list ul li
has defaultmargin: 0px 0px 0.25em 1.5em;
in system.theme.css (:63). To clear this you need to add:CSS fix like this or @kerios83 may be useful when you try put calendar on custom theme or in tin block.
Comment #4
batigol CreditAttribution: batigol commentedIf you are using read more as link in Calendar item list, you should use:
Comment #5
pwiniacki CreditAttribution: pwiniacki commentedConfirmed 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:
or
but NO:
cause it will override all defaults (not calendar) ul li list styles.
Comment #6
debain CreditAttribution: debain commentedMy 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.
Comment #7
basvredelingThis is not fixed. See attached patch for a quick and simple solution to the spacing problem.
Comment #8
apadernoComment #10
Neslee Canil PintoCommitted, Thanks.