Charts tooltip doesn't have any style

[ArekkMirmun]

• Ubuntu 22.04 LTS
• Browser tested: Brave (Chrome based), Firefox and Chrome.

Description Charts tooltip doesn't have the format that it had in older versions. It looks like the style provided in variable.scss does not apply correctly. I am able to solve it temporary by adding all the following styles manually to custom.scss

// Custom tooltips

.chartjs-tooltip {
  position: absolute;
  z-index: $zindex-sticky + 1;
  padding: ($spacer * .25) ($spacer * .5);
  color: #fff;
  pointer-events: none;
  background: rgba(0, 0, 0, .7);
  opacity: 0;
  @include transition(all .15s ease);
  transform: translate(-50%, 0);
  @include border-radius($border-radius);
}

.chartjs-tooltip-header {
  margin-bottom: ($spacer * .5);
}

.chartjs-tooltip-header-item {
  font-size: $font-size-sm;
  font-weight: $font-weight-bold;
}

.chartjs-tooltip-body-item {
  align-items: center;
  font-size: $font-size-sm;
  white-space: nowrap;
}

Screenshots [Older Versions of CoreUI]

[Version 5 of CoreUI]

To Reproduce Clone repository

npm install

npm start

[mrholek]

@ArekkMirmun, in the latest commit, I fixed it.