59 lines
1.4 KiB
SCSS
59 lines
1.4 KiB
SCSS
|
// Tooltips
|
||
|
|
// *******************************************************************************
|
||
|
|
|
||
|
|
@each $color, $value in $theme-colors {
|
||
|
|
@if $color != primary and $color != light {
|
||
|
|
@include template-tooltip-variant(
|
||
|
|
'.tooltip-#{$color}, .tooltip-#{$color} > .tooltip, .ngb-tooltip-#{$color} + ngb-tooltip-window',
|
||
|
|
rgba-to-hex($value, $rgba-to-hex-bg)
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Open modal tooltip z-index
|
||
|
|
.modal-open .tooltip {
|
||
|
|
z-index: $zindex-modal + 2;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tooltip-inner {
|
||
|
|
box-shadow: $tooltip-box-shadow;
|
||
|
|
font-weight: $font-weight-medium;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Tooltip line height override
|
||
|
|
.tooltip {
|
||
|
|
line-height: $line-height-lg;
|
||
|
|
}
|
||
|
|
// RTL
|
||
|
|
// *******************************************************************************
|
||
|
|
|
||
|
|
@include rtl-only {
|
||
|
|
.tooltip {
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
&.bs-tooltip-auto {
|
||
|
|
&[data-popper-placement='right'] {
|
||
|
|
.tooltip-arrow {
|
||
|
|
right: 0;
|
||
|
|
left: inherit;
|
||
|
|
&::before {
|
||
|
|
left: -1px;
|
||
|
|
border-width: ($tooltip-arrow-width * 0.5) 0 ($tooltip-arrow-width * 0.5) $tooltip-arrow-height;
|
||
|
|
border-left-color: $tooltip-arrow-color;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
&[data-popper-placement='left'] {
|
||
|
|
.tooltip-arrow {
|
||
|
|
left: 0;
|
||
|
|
right: inherit;
|
||
|
|
&::before {
|
||
|
|
right: -1px;
|
||
|
|
border-width: ($tooltip-arrow-width * 0.5) $tooltip-arrow-height ($tooltip-arrow-width * 0.5) 0;
|
||
|
|
border-right-color: $tooltip-arrow-color;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|