Fix styling for cal event tooltip in calendar

This commit is contained in:
Hadi Nategh 2014-01-07 10:34:11 +00:00
parent 3b971148d5
commit 08f8b755b1
4 changed files with 89 additions and 42 deletions

View File

@ -254,6 +254,10 @@ app.classes.calendar = AppJS.extend(
},
track:true,
open: function(event,ui){
ui.tooltip.removeClass("ui-tooltip");
ui.tooltip.addClass("calendar_uitooltip");
}
});
ttp.tooltip("enable");
},

View File

@ -30,6 +30,20 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
*/
/* custom ui-tooltip style for calendar
*/
.calendar_uitooltip {
padding: 0px;
position: absolute;
border: none;
max-height: 400px;
z-index: 9999;
max-width: 300px;
-webkit-box-shadow: 0 0 5px;
-moz-box-shadow: 0 0 5px;
box-shadow: 0 0 5px;
}
.calendar_size120b { font-size: 120%; font-weight: bold; }
/* marks a day in the colum-header as today

View File

@ -479,6 +479,21 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
+. .#.* * * *. .*+----------------------------------+*.
*/
/* custom ui-tooltip style for calendar
*/
.calendar_uitooltip {
padding: 0px;
position: absolute;
border: none;
max-height: 400px;
z-index: 9999;
max-width: 300px;
-webkit-box-shadow: 0 0 5px;
-moz-box-shadow: 0 0 5px;
box-shadow: 0 0 5px;
}
.calendar_size120b {
font-size: 120%;
font-weight: bold;

View File

@ -594,6 +594,20 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
*/
/* custom ui-tooltip style for calendar
*/
.calendar_uitooltip {
padding: 0px;
position: absolute;
border: none;
max-height: 400px;
z-index: 9999;
max-width: 300px;
-webkit-box-shadow: 0 0 5px;
-moz-box-shadow: 0 0 5px;
box-shadow: 0 0 5px;
}
.calendar_size120b { font-size: 120%; font-weight: bold; }
/* marks a day in the colum-header as today