• Resolved Matt

    (@syntax53)


    within this code from gce-script.js–

    content: $(this).children('.gce-event-info'),
    position: {
    	my: 'bottom left',
    	at: 'top right'
    },
    show: {
    	solo: true
    },
    hide: {
    	fixed: true
    },
    style: {
    	classes: 'qtip-light qtip-shadow qtip-rounded'
    }

    I suggest the following changes–

    • Change “at: ‘top right'” to “at: ‘center'” … if there are any actionable items on the tooltip it can be hard to get the mouse onto the tooltip without it going away due to the gap of whitespace between the tooltip and the day.
    • Add the following position options–
      viewport: true,
      adjust: {
      	method: 'shift'
      }

      … Without “viewport: true” the tooltip can go off the screen. Change the method to “shift” moves it so that it says on the screen.

    • Lastly, and this is more of a personal preference, but I think the default fade effect is a little too long (90ms). Adding this to the show option makes it a little faster:
      effect: function(offset) {
      	$(this).fadeIn(50);
      }

    Final code–

    content: $(this).children('.gce-event-info'),
    position: {
    	my: 'bottom left',
    	at: 'center',
    	viewport: true,
    	adjust: {
    		method: 'shift'
    	}
    },
    show: {
    	solo: true,
    	effect: function(offset) {
    		$(this).fadeIn(50);
    	}
    },
    hide: {
    	fixed: true
    },
    style: {
    	classes: 'qtip-light qtip-shadow qtip-rounded'
    }

    https://www.ads-software.com/plugins/google-calendar-events/

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘qTip2 adjustments’ is closed to new replies.