[Fronted] Fixes for misaligned bubbles

WTD-1247
WTD-884
Changed CSS .l-infobubble-wrapper abs > relative;
Added display: block class for mct-container;
Tweaked bubble evaluation JS for 'goLeft' behavior;
Added constants for bubble max width and left/right margin;
This commit is contained in:
Charles Hacskaylo
2015-06-12 16:24:25 -07:00
parent 0b46050e04
commit c6c4fa7182
6 changed files with 31 additions and 15 deletions

View File

@@ -24,12 +24,12 @@
.l-infobubble-wrapper {
$arwSize: 5px;
@include box-shadow(rgba(black, 0.4) 0 1px 5px);
position: absolute;
position: relative;
z-index: 50;
.l-infobubble {
display: inline-block;
min-width: 100px;
max-width: 300px;
min-width: $bubbleMinW;
max-width: $bubbleMaxW;
padding: 5px 10px;
&:before {
content:"";