xTr1m/RolemasterDB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix critical table shell height alignment

Browse Source
This commit is contained in:
Frank Tovar
2026-03-21 11:30:37 +01:00
parent f1bb33d8d8
commit 7322b93120
1 changed files with 15 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/RolemasterDb.App/wwwroot/tables.js
View File

@@ -3,19 +3,29 @@ window.rolemasterTables = window.rolemasterTables || {
const tables = document.querySelectorAll(".critical-table"); const tables = document.querySelectorAll(".critical-table");
for (const table of tables) { for (const table of tables) {
for (const cell of table.querySelectorAll("td > .critical-cell")) { for (const shell of table.querySelectorAll("td > .critical-table-cell-shell")) {
cell.style.minHeight = ""; shell.style.minHeight = "";
const criticalCell = shell.querySelector(":scope > .critical-cell");
if (criticalCell) {
criticalCell.style.minHeight = "";
}
} }
for (const row of table.tBodies) { for (const row of table.tBodies) {
for (const tr of row.rows) { for (const tr of row.rows) {
for (const cell of tr.cells) { for (const cell of tr.cells) {
const criticalCell = cell.querySelector(":scope > .critical-cell"); const shell = cell.querySelector(":scope > .critical-table-cell-shell");
if (!criticalCell) { if (!shell) {
continue; continue;
} }
criticalCell.style.minHeight = `${cell.clientHeight}px`; const computedStyle = window.getComputedStyle(cell);
const paddingTop = Number.parseFloat(computedStyle.paddingTop) || 0;
const paddingBottom = Number.parseFloat(computedStyle.paddingBottom) || 0;
const contentHeight = Math.max(0, cell.clientHeight - paddingTop - paddingBottom);
shell.style.minHeight = `${contentHeight}px`;
} }
} }
} }