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>
25 lines
1 KiB
Twig
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 %}
|