Fix critical table shell height alignment

This commit is contained in:
2026-03-21 11:30:37 +01:00
parent f1bb33d8d8
commit 7322b93120

View File

@@ -3,19 +3,29 @@ window.rolemasterTables = window.rolemasterTables || {
const tables = document.querySelectorAll(".critical-table");
for (const table of tables) {
for (const cell of table.querySelectorAll("td > .critical-cell")) {
cell.style.minHeight = "";
for (const shell of table.querySelectorAll("td > .critical-table-cell-shell")) {
shell.style.minHeight = "";
const criticalCell = shell.querySelector(":scope > .critical-cell");
if (criticalCell) {
criticalCell.style.minHeight = "";
}
}
for (const row of table.tBodies) {
for (const tr of row.rows) {
for (const cell of tr.cells) {
const criticalCell = cell.querySelector(":scope > .critical-cell");
if (!criticalCell) {
const shell = cell.querySelector(":scope > .critical-table-cell-shell");
if (!shell) {
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`;
}
}
}