Tooltip arrow drop shadow #791

Open
leolandotan opened this Issue May 31, 2016 · 0 comments

Projects

None yet

1 participant

@leolandotan

Hi guys,

I've been searching and haven't found the way to add a drop shadow to the arrow we have on the tooltip. How can we do that?

This is my JS code

$('.fsp-tooltip').each(function() {
  $(this).qtip({
    content: {
      text: $(this).next('.fsp-tooltip-wrapper')
    },
    position: {
      my: 'bottom center',
      at: 'top center',
      adjust: {
        y: -10,
      },
      viewport: $(window)
    },
    style: {
      classes: 'qtip-rounded qtip-light myCustomClass',
      tip: {
        border: 1,
        width: 12,
        height: 6,
      }
    }
  });
});

This is my CSS code

.myCustomClass{
  @include box-shadow(rgba(0, 0, 0, 0.4) 2px 1px 3px);
}

The box shadow I have only is applied to the tooltip "box".

Thanks!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment