{
content={content}
className={b(null, className)}
tooltipClassName={b('tooltip', tooltipClassName)}
+ tooltipContentClassName={b('tooltip-content', tooltipContentClassName)}
onClick={this.handleClick}
>
diff --git a/src/components/Tooltip/Tooltip.scss b/src/components/Tooltip/Tooltip.scss
index 4e84b0e0b..9e0533ac6 100644
--- a/src/components/Tooltip/Tooltip.scss
+++ b/src/components/Tooltip/Tooltip.scss
@@ -3,17 +3,19 @@
$block: '.#{variables.$ns}tooltip';
#{$block} {
- // prevent glitch between two nearby tooltip refs
- pointer-events: none;
+ // [class] for increasing specificity
+ &[class] {
+ --yc-popup-border-width: 0;
+ --yc-popup-background-color: var(--g-color-base-float-heavy);
+ }
+
+ &__popup-content {
+ // prevent glitch between two nearby tooltip refs
+ pointer-events: none;
+ }
&__content {
padding: 6px 12px;
color: var(--g-color-text-light-primary);
}
}
-
-// [class] for increasing specificity
-#{$block}[class] {
- --yc-popup-border-width: 0;
- --yc-popup-background-color: var(--g-color-base-float-heavy);
-}