You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
91 lines
1.9 KiB
91 lines
1.9 KiB
.tooltip { |
|
display: block !important; |
|
z-index: 10000; |
|
|
|
.tooltip-inner { |
|
background: black; |
|
color: white; |
|
padding: 3px 6px 3px; |
|
} |
|
|
|
.tooltip-arrow { |
|
width: 0; |
|
height: 0; |
|
border-style: solid; |
|
position: absolute; |
|
margin: 5px; |
|
border-color: black; |
|
} |
|
|
|
&[x-placement^="top"] { |
|
margin-bottom: 5px; |
|
|
|
.tooltip-arrow { |
|
border-width: 5px 5px 0 5px; |
|
border-left-color: transparent !important; |
|
border-right-color: transparent !important; |
|
border-bottom-color: transparent !important; |
|
bottom: -5px; |
|
left: calc(50% - 5px); |
|
margin-top: 0; |
|
margin-bottom: 0; |
|
} |
|
} |
|
|
|
&[x-placement^="bottom"] { |
|
margin-top: 5px; |
|
|
|
.tooltip-arrow { |
|
border-width: 0 5px 5px 5px; |
|
border-left-color: transparent !important; |
|
border-right-color: transparent !important; |
|
border-top-color: transparent !important; |
|
top: -5px; |
|
left: calc(50% - 5px); |
|
margin-top: 0; |
|
margin-bottom: 0; |
|
} |
|
} |
|
|
|
&[x-placement^="right"] { |
|
margin-left: 5px; |
|
|
|
.tooltip-arrow { |
|
border-width: 5px 5px 5px 0; |
|
border-left-color: transparent !important; |
|
border-top-color: transparent !important; |
|
border-bottom-color: transparent !important; |
|
left: -5px; |
|
top: calc(50% - 5px); |
|
margin-left: 0; |
|
margin-right: 0; |
|
} |
|
} |
|
|
|
&[x-placement^="left"] { |
|
margin-right: 5px; |
|
|
|
.tooltip-arrow { |
|
border-width: 5px 0 5px 5px; |
|
border-top-color: transparent !important; |
|
border-right-color: transparent !important; |
|
border-bottom-color: transparent !important; |
|
right: -5px; |
|
top: calc(50% - 5px); |
|
margin-left: 0; |
|
margin-right: 0; |
|
} |
|
} |
|
|
|
&[aria-hidden='true'] { |
|
visibility: hidden; |
|
opacity: 0; |
|
transition: opacity .15s, visibility .15s; |
|
} |
|
|
|
&[aria-hidden='false'] { |
|
visibility: visible; |
|
opacity: 1; |
|
transition: opacity .15s; |
|
} |
|
}
|
|
|