diff --git a/app/routes/analyzer.tsx b/app/routes/analyzer.tsx index b9b0bc035..d7b6989fb 100644 --- a/app/routes/analyzer.tsx +++ b/app/routes/analyzer.tsx @@ -48,6 +48,7 @@ import { subWeaponImageUrl, } from "~/utils/urls"; import { getAbilityChunksMapAsArray } from "~/modules/analyzer/abilityChunksCalc"; +import clsx from "clsx"; export const CURRENT_PATCH = "1.2"; @@ -503,6 +504,12 @@ export default function BuildAnalyzerPage() { title={t("analyzer:stat.category.actionsPerInkTank")} containerClassName="analyzer__table-container" > + {/** Hack the :has ;) */} + {build + .flat() + .some((ability) => ability === "ISM" || ability === "ISS") ? ( +
+ ) : null} +
{title}
{children}
{textBelow && ( @@ -816,10 +823,17 @@ function StatCard({ popoverInfo?: string; }) { const { t } = useTranslation("analyzer"); + const baseValue = typeof stat === "number" ? stat : stat.baseValue; + const showBuildValue = + typeof stat !== "number" && stat.value !== stat.baseValue; return ( -
+

{title}{" "} @@ -843,7 +857,7 @@ function StatCard({ {suffix}

- {typeof stat !== "number" && stat.value !== stat.baseValue && ( + {showBuildValue ? (

{t("build")} @@ -853,7 +867,7 @@ function StatCard({ {suffix}

- )} + ) : null}
diff --git a/app/styles/analyzer.css b/app/styles/analyzer.css index b6d90edc0..c9320378f 100644 --- a/app/styles/analyzer.css +++ b/app/styles/analyzer.css @@ -83,6 +83,10 @@ padding-inline: var(--s-3); } +.analyzer__details:has(.analyzer__stat-card-highlighted) .analyzer__summary { + background-color: var(--theme-transparent); +} + .analyzer__stat-collection { display: grid; gap: var(--s-2); @@ -100,6 +104,10 @@ gap: var(--s-4); } +.analyzer__stat-card-highlighted { + background-color: var(--theme-transparent); +} + .analyzer__stat-card__title-and-value-container { display: flex; height: 100%;