Roundcube Community Forum

Hi,

I found a little problem today inside the interface on app.js
when I tested with "WebKit Nightly Builds" on "mac os x" the indicator of quota appear in a wrong position. I changed the code and it's work to me.
maybe you want to fix it on the core.

 // percent (quota) indicator
  this.percent_indicator = function(obj, data)
  {
    if (!data || !obj)
      return false;

    var limit_high = 80,
      limit_mid  = 55,
      width = data.width ? data.width : this.env.indicator_width ? this.env.indicator_width : 100,
      height = data.height ? data.height : this.env.indicator_height ? this.env.indicator_height : 14,
      quota = data.percent ? Math.abs(parseInt(data.percent)) : 0,
      quota_width = parseInt(quota / 100 * width),
      pos = $(obj).position();

    // Opera bug?
    pos.top = Math.max(0, pos.top);
    [B]// WebKit Nightly Builds bug?
    pos.left = Math.max(0, pos.left);[/B]

    this.env.indicator_width = width;
    this.env.indicator_height = height;

    // overlimit
    if (quota_width > width) {
      quota_width = width;
      quota = 100;
    }

    if (data.title)
      data.title = this.get_label('quota') + ': ' +  data.title;

    // main div
    var main = $('<div>');
    main.css({position: 'absolute', top: pos.top, left: pos.left,
   width: width + 'px', height: height + 'px', zIndex: 100, lineHeight: height + 'px'})
 .attr('title', data.title).addClass('quota_text').html(quota + '%');
    // used bar
    var bar1 = $('<div>');
    bar1.css({position: 'absolute', top: pos.top + 1, left: pos.left + 1,
   width: quota_width + 'px', height: height + 'px', zIndex: 99});
    // background
    var bar2 = $('<div>');
    bar2.css({position: 'absolute', top: pos.top + 1, left: pos.left + 1,
   width: width + 'px', height: height + 'px', zIndex: 98})
 .addClass('quota_bg');

    if (quota >= limit_high) {
      main.addClass(' quota_text_high');
      bar1.addClass('quota_high');
    }
    else if(quota >= limit_mid) {
      main.addClass(' quota_text_mid');
      bar1.addClass('quota_mid');
    }
    else {
      main.addClass(' quota_text_normal');
      bar1.addClass('quota_low');
    }

    // replace quota image
    $(obj).html('').append(bar1).append(bar2).append(main);
    // update #quotaimg title
    $('#quotaimg').attr('title', data.title);
  };

Hi guy,

This problem now is present on Google Chrome too.

tk`s

If its still happening with the latest RoundCube SVN you should open a ticket at Roundcube Webmail (http://trac.roundcube.net/)