seb/fibdash
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

aggrid

Browse Source
This commit is contained in:
sebseb7
2025-07-20 04:46:01 +02:00
parent 102a4ec9ff
commit 9a0c985bfa
13 changed files with 1473 additions and 155 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
client/public/index.html
View File

@@ -5,6 +5,58 @@
<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;
}
</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('Found Betrag header:', betragHeader);
console.log('Header classes:', betragHeader.className);
console.log('Header HTML:', betragHeader.innerHTML);
} 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>