tiennm99/coolify
1
0
Fork 0
mirror of https://github.com/tiennm99/coolify.git synced 2026-08-20 04:23:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): remove duplicate metrics tooltip border (#11213)

Browse Source
This commit is contained in:
Andras Bacsai
2026-08-12 16:26:34 +02:00
committed by GitHub
parent feb5be3a3c e56905e5c0
commit afca5603b7
2 changed files with 32 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/css/utilities.css
+1 -1
View File
@@ -1,5 +1,5 @@
@utility apexcharts-tooltip {
@apply dark:text-white! dark:border-coolgray-300! dark:bg-coolgray-200! shadow-none!;
@apply overflow-visible! rounded-none! border-0! bg-transparent! shadow-none! dark:text-white!;
}
@utility apexcharts-tooltip-title {
tests/Feature/MetricsTooltipStylingTest.php
+31
View File
@@ -0,0 +1,31 @@
<?php
test('apexcharts delegates tooltip chrome to the custom content', function () {
$utilities = file_get_contents(resource_path('css/utilities.css'));
preg_match('/@utility apexcharts-tooltip \{[^}]*\}/s', $utilities, $tooltip);
preg_match('/@utility apexcharts-tooltip-custom \{[^}]*\}/s', $utilities, $customTooltip);
expect($tooltip[0] ?? '')
->toContain('overflow-visible!')
->toContain('rounded-none!')
->toContain('border-0!')
->toContain('bg-transparent!')
->toContain('shadow-none!')
->not->toContain('dark:border-coolgray-300!')
->not->toContain('dark:bg-coolgray-200!')
->and($customTooltip[0] ?? '')
->toContain('border-neutral-200')
->toContain('dark:border-coolgray-300')
->toContain('rounded-lg')
->toContain('shadow-lg');
});
test('metrics charts render custom tooltip content', function (string $view) {
expect(file_get_contents(resource_path($view)))
->toContain('apexcharts-tooltip-custom');
})->with([
'dashboard server metrics' => 'views/livewire/dashboard/server-metrics-chart.blade.php',
'server metrics' => 'views/livewire/server/charts.blade.php',
'resource metrics' => 'views/livewire/project/shared/metrics.blade.php',
]);