github/directus
1
0
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-01-27 12:58:03 -05:00
Code Issues Packages Projects Releases Wiki Activity

Updated styling on Time Series tooltips to accommodate dark theme. (#12485)

Browse Source 
* Updated styling to accomidate dark theme.

* separator line in the code.

* better borders
This commit is contained in:
Jay Cammarano
2022-03-30 16:32:36 -04:00
committed by GitHub
parent 6fc1db9bea
commit 2dce9440e3
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/src/panels/time-series/time-series.vue
View File

@@ -406,12 +406,17 @@ export default defineComponent({
</style>
<style>
.apexcharts-tooltip.apexcharts-theme-light {
border-color: var(--border-normal) !important;
}
.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
border-color: var(--border-normal) !important;
margin-bottom: 0;
padding: 0 4px;
font-weight: 600 !important;
font-size: 10px !important;
background-color: var(--background-subdued);
background-color: var(--background-subdued) !important;
}
.apexcharts-tooltip-y-group {
@@ -421,6 +426,7 @@ export default defineComponent({
}
.apexcharts-tooltip-series-group {
background-color: var(--background-normal) !important;
padding: 0;
}