90 lines
3.2 KiB
HTML
90 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>FibDash</title>
|
|
<meta name="google-signin-client_id" content="%REACT_APP_GOOGLE_CLIENT_ID%">
|
|
<style>
|
|
/* Position filter icon on right side for Betrag column (right-aligned data) - NO DEBUG COLORS */
|
|
.ag-header-cell[col-id="numericAmount"] {
|
|
/* Removed: background-color: rgba(255, 0, 0, 0.1) !important; */
|
|
}
|
|
|
|
/* Fix spacing for Betrag column - prevent text/icon overlap */
|
|
.ag-header-cell[col-id="numericAmount"] .ag-header-cell-comp-wrapper {
|
|
justify-content: space-between !important;
|
|
padding-right: 8px !important;
|
|
}
|
|
|
|
/* Ensure proper spacing between text and icons in Betrag column */
|
|
.ag-header-cell[col-id="numericAmount"] .ag-header-cell-text {
|
|
margin-right: 8px !important;
|
|
}
|
|
|
|
/* Position filter icon on the right for Betrag column */
|
|
.ag-header-cell[col-id="numericAmount"] .ag-header-menu-button {
|
|
margin-left: auto !important;
|
|
flex-shrink: 0 !important;
|
|
}
|
|
|
|
/* Only style our custom filter components to match ag-grid defaults */
|
|
.ag-filter-custom {
|
|
padding: 16px;
|
|
min-width: 200px;
|
|
}
|
|
|
|
/* Alternating row colors for better readability */
|
|
.ag-row-odd {
|
|
background-color: #f8f9fa !important;
|
|
}
|
|
|
|
.ag-row-even {
|
|
background-color: #ffffff !important;
|
|
}
|
|
|
|
/* Maintain alternating colors on hover */
|
|
.ag-row-odd:hover {
|
|
background-color: #e9ecef !important;
|
|
}
|
|
|
|
.ag-row-even:hover {
|
|
background-color: #f1f3f4 !important;
|
|
}
|
|
|
|
/* Ensure JTL-only rows (red rows) override alternating colors */
|
|
.ag-row[style*="background-color: rgb(255, 235, 238)"] {
|
|
background-color: #ffebee !important;
|
|
}
|
|
|
|
/* Selected rows */
|
|
.ag-row.selected-row {
|
|
background-color: #e3f2fd !important;
|
|
color: #1976d2 !important;
|
|
}
|
|
|
|
</style>
|
|
<script>
|
|
// Debug: Log AG Grid header structure after page loads
|
|
window.addEventListener('load', () => {
|
|
setTimeout(() => {
|
|
const betragHeader = document.querySelector('.ag-header-cell[col-id="numericAmount"]');
|
|
if (betragHeader) {
|
|
console.log('Header classes:', betragHeader.className);
|
|
} else {
|
|
console.log('Could not find Betrag header with col-id="numericAmount"');
|
|
// Try to find it by text content
|
|
const allHeaders = document.querySelectorAll('.ag-header-cell');
|
|
console.log('All headers found:', allHeaders.length);
|
|
allHeaders.forEach((header, index) => {
|
|
console.log(`Header ${index}:`, header.textContent, header.getAttribute('col-id'));
|
|
});
|
|
}
|
|
}, 2000);
|
|
});
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id="root"></div>
|
|
</body>
|
|
</html> |