Fix analyzer table alignment + row height not being equal

This commit is contained in:
Kalle
2026-06-20 15:03:46 +03:00
parent 960773eeaf
commit d656c9f875
2 changed files with 23 additions and 15 deletions

View File

@@ -255,6 +255,12 @@
align-items: center;
}
/* doubled class to outweigh the Table cell padding rule so the popover
button does not make these rows taller than the text-only rows */
.popoverCell.popoverCell {
padding-block: 0;
}
.statPopover {
min-width: 360px;

View File

@@ -1009,7 +1009,7 @@ function StatChartPopover(props: StatChartProps) {
<SendouButton
shape="circle"
variant="minimal"
size="small"
size={props.simple ? "miniscule" : "small"}
icon={<FlaskConical />}
/>
}
@@ -1643,19 +1643,21 @@ function DamageTable({
return (
<tr key={val.id}>
<td className="stack horizontal xs items-center">
{damageIsSubWeaponDamage(val) ? (
<Image
alt=""
path={subWeaponImageUrl(val.subWeaponId)}
width={12}
height={12}
/>
) : null}{" "}
{t(typeRowName as any)}{" "}
{damageIsSubWeaponDamage(val) && val.type === "SPLASH" ? (
<>({t("analyzer:damage.SPLASH")})</>
) : null}
<td>
<div className="stack horizontal xs items-center">
{damageIsSubWeaponDamage(val) ? (
<Image
alt=""
path={subWeaponImageUrl(val.subWeaponId)}
width={12}
height={12}
/>
) : null}{" "}
{t(typeRowName as any)}{" "}
{damageIsSubWeaponDamage(val) && val.type === "SPLASH" ? (
<>({t("analyzer:damage.SPLASH")})</>
) : null}
</div>
</td>
{showDistanceColumn && (
<td>
@@ -1679,7 +1681,7 @@ function DamageTable({
</td>
)}
{showPopovers ? (
<td>
<td className={styles.popoverCell}>
{renderPopover(val, (val as SubWeaponDamage).subWeaponId) ? (
<StatChartPopover
mainWeaponId={0}