Feature #32029 » jquery-tooltips-gantt+calendar-v3.patch
| app/views/common/_calendar.html.erb | ||
|---|---|---|
| 22 | 22 | 
    <p class="day-num"><%= day.day %></p>  | 
| 23 | 23 | 
    <% calendar.events_on(day).each do |i| %>  | 
| 24 | 24 | 
    <% if i.is_a? Issue %>  | 
| 25 | 
    <div class="<%= i.css_classes %> <%= 'starting' if day == i.start_date %> <%= 'ending' if day == i.due_date %> tooltip hascontextmenu">  | 
|
| 25 | 
      <div title="" class="<%= i.css_classes %> <%= 'starting' if day == i.start_date %> <%= 'ending' if day == i.due_date %> tooltip hascontextmenu">
   | 
|
| 26 | 26 | 
      <%= "#{i.project} -" unless @project && @project == i.project %>
   | 
| 27 | 27 | 
    <%= link_to_issue i, :truncate => 30 %>  | 
| 28 | 28 | 
    <span class="tip"><%= render_issue_tooltip i %></span>  | 
| lib/redmine/helpers/gantt.rb | ||
|---|---|---|
| 950 | 950 | 
              style << "width:#{coords[:bar_end] - coords[:bar_start]}px;"
   | 
| 951 | 951 | 
    style << "height:12px;"  | 
| 952 | 952 | 
    output << view.content_tag(:div, s.html_safe,  | 
| 953 | 
    :title => "",  | 
|
| 953 | 954 | 
    :style => style,  | 
| 954 | 955 | 
    :class => "tooltip hascontextmenu",  | 
| 955 | 956 | 
    :data => data_options)  | 
| public/javascripts/application.js | ||
|---|---|---|
| 1120 | 1120 | 
    });  | 
| 1121 | 1121 | 
    });  | 
| 1122 | 1122 | |
| 1123 | 
    $(function () {
   | 
|
| 1124 | 
      $('.tooltip').tooltip({
   | 
|
| 1125 | 
    tooltipClass: "white-tip",  | 
|
| 1126 | 
        position: { my: "left top", at: "left bottom" },
   | 
|
| 1127 | 
        open: function (event, ui) {
   | 
|
| 1128 | 
          ui.tooltip.mouseover(function(){ui.tooltip.stop().animate({opacity:'100'})})
   | 
|
| 1129 | 
          ui.tooltip.mouseout(function(){ui.tooltip.stop().hide("fade")})
   | 
|
| 1130 | 
    },  | 
|
| 1131 | 
        content: function() {
   | 
|
| 1132 | 
          return $(this).children(".tip").html();
   | 
|
| 1133 | 
    }  | 
|
| 1134 | 
    });  | 
|
| 1135 | 
    });  | 
|
| 1136 | ||
| 1123 | 1137 | 
    function inlineAutoComplete(element) {
   | 
| 1124 | 1138 | 
    'use strict';  | 
| 1125 | 1139 | |
| public/stylesheets/application.css | ||
|---|---|---|
| 1108 | 1108 | 
    table.cal .starting.ending a.issue, p.cal.legend .starting.ending {background: url(../images/bullet_diamond.png) no-repeat -1px -2px; padding-left:16px;}
   | 
| 1109 | 1109 | 
    p.cal.legend span {display:block;}
   | 
| 1110 | 1110 | |
| 1111 | 
    /***** Tooltips ******/  | 
|
| 1112 | 
    .tooltip{position:relative;z-index:24;}
   | 
|
| 1113 | 
    .tooltip:hover{z-index:25;color:#000;}
   | 
|
| 1114 | 
    .tooltip span.tip{display: none; text-align:left;}
   | 
|
| 1115 | 
    .tooltip span.tip a { color: #169 !important; }
   | 
|
| 1116 | ||
| 1117 | 
    .tooltip span.tip img.gravatar {
   | 
|
| 1118 | 
    float: none;  | 
|
| 1119 | 
    margin: 0;  | 
|
| 1120 | 
    }  | 
|
| 1121 | ||
| 1122 | 
    div.tooltip:hover span.tip{
   | 
|
| 1123 | 
    display:block;  | 
|
| 1124 | 
    position:absolute;  | 
|
| 1125 | 
    top:12px; width:270px;  | 
|
| 1126 | 
    border:1px solid #555;  | 
|
| 1127 | 
    background-color:#fff;  | 
|
| 1128 | 
    padding: 4px;  | 
|
| 1129 | 
    font-size: 0.8em;  | 
|
| 1130 | 
    color:#505050;  | 
|
| 1131 | 
    }  | 
|
| 1132 | ||
| 1133 | 
    table.cal div.tooltip:hover span.tip {
   | 
|
| 1134 | 
    top: 25px;  | 
|
| 1135 | 
    }  | 
|
| 1136 | ||
| 1137 | 1111 | 
    img.ui-datepicker-trigger {
   | 
| 1138 | 1112 | 
    cursor: pointer;  | 
| 1139 | 1113 | 
    vertical-align: middle;  | 
| ... | ... | |
| 1523 | 1497 | 
    white-space: pre-wrap;  | 
| 1524 | 1498 | 
    }  | 
| 1525 | 1499 | |
| 1500 | 
    .ui-tooltip.white-tip {
   | 
|
| 1501 | 
    color: #000;  | 
|
| 1502 | 
    background: #fff;  | 
|
| 1503 | 
    border: 1px solid lightgray;  | 
|
| 1504 | 
    box-shadow: 2px 2px 2px gray;  | 
|
| 1505 | 
    }  | 
|
| 1506 | ||
| 1507 | 
    .tooltip{z-index:24;}
   | 
|
| 1508 | 
    .tooltip span.tip{display: none;}
   | 
|
| 1509 | ||
| 1510 | 
    table.cal div.tooltip:hover span.tip {
   | 
|
| 1511 | 
    top: 25px;  | 
|
| 1512 | 
    }  | 
|
| 1513 | ||
| 1514 | 
    img.ui-datepicker-trigger {
   | 
|
| 1515 | 
    cursor: pointer;  | 
|
| 1516 | 
    vertical-align: middle;  | 
|
| 1517 | 
    margin-left: 4px;  | 
|
| 1518 | 
    }  | 
|
| 1519 | ||
| 1526 | 1520 | 
    /***** Icons *****/  | 
| 1527 | 1521 | 
    .icon {
   | 
| 1528 | 1522 | 
    background-position: 0% 50%;  | 
- « Previous
 - 1
 - 2
 - 3
 - Next »