kimai-plugin-heatmap/Resources/views/widget/heatmap.html.twig
Christopher Mühl c90ad494b7
fix(04): tooltip and dropdown overflow clipping
Tooltip uses fixed positioning on document.body to escape overflow
contexts. Removed overflow-x:auto from container and SVG area that
clipped tooltip top and dropdown focus ring.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-04-08 15:47:39 +02:00

25 lines
1 KiB
Twig

{% embed '@theme/embeds/card.html.twig' with {'margin_bottom': 0} %}
{% block box_title %}
{{ title }}
{% endblock %}
{% block box_body %}
<link rel="stylesheet" href="{{ asset('bundles/kimaiheatmap/heatmap.css') }}">
<div id="heatmap-container"
data-url="{{ path('heatmap_data') }}"
data-projects="{{ data.projects|json_encode }}"
data-timesheet-url="{{ path('timesheet') }}"
style="min-height: 150px;">
</div>
<script src="{{ asset('bundles/kimaiheatmap/heatmap.js') }}"></script>
<script type="text/javascript">
var initHeatmap = function() {
KimaiHeatmap.init(document.getElementById('heatmap-container'));
};
{% if kimai_context is defined and kimai_context.javascriptRequest %}
initHeatmap();
{% else %}
document.addEventListener('kimai.initialized', initHeatmap);
{% endif %}
</script>
{% endblock %}
{% endembed %}