mirror of
https://github.com/tabler/tabler.git
synced 2026-10-12 05:06:55 +04:00
Paint the ApexCharts tooltip arrow directly so it stays dark in Safari (#3084)
This commit is contained in:
1 parent
78a41b55ed
commit
cac3179e39
2 files changed
+14
No files matched your search
@@ -0,0 +1,5 @@
|
||||
---
|
||||
"@tabler/core": patch
|
||||
---
|
||||
|
||||
Fixed the ApexCharts tooltip arrow staying white in Safari by painting `.apexcharts-tooltip-arrow` directly.
|
||||
Vendored
+9
@@ -45,6 +45,15 @@
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
// Paint the arrow directly as well: it reads its colour through two levels of
|
||||
// custom properties (--apx-tt-arrow-bg → --apx-tt-bg), and some browsers drop a
|
||||
// light-dark() value on the way, leaving a transparent arrow with a border in
|
||||
// the text colour — a white arrow on the dark tooltip.
|
||||
.apexcharts-tooltip-arrow {
|
||||
background: $tooltip-bg !important;
|
||||
border-color: $tooltip-bg !important;
|
||||
}
|
||||
|
||||
.apexcharts-tooltip-title {
|
||||
padding: 0.25rem 0.5rem !important;
|
||||
margin: 0 !important;
|
||||
|
||||
Reference in new issue
Block a user