From ae12e6c096d501d663811087f0a879ef9dd2e9d1 Mon Sep 17 00:00:00 2001 From: Frank Tovar Date: Sun, 15 Mar 2026 13:31:12 +0100 Subject: [PATCH] ux fix --- .../Shared/CriticalCellEditorDialog.razor | 3 +-- src/RolemasterDb.App/wwwroot/app.css | 15 ++++++++++----- 2 files changed, 11 insertions(+), 7 deletions(-) diff --git a/src/RolemasterDb.App/Components/Shared/CriticalCellEditorDialog.razor b/src/RolemasterDb.App/Components/Shared/CriticalCellEditorDialog.razor index 31371bc..d86af8e 100644 --- a/src/RolemasterDb.App/Components/Shared/CriticalCellEditorDialog.razor +++ b/src/RolemasterDb.App/Components/Shared/CriticalCellEditorDialog.razor @@ -395,8 +395,7 @@ ("1hpr", [CreateQuickLegendEffect(CriticalEffectCodes.BleedPerRound, perRound: 1)]), ("-20", [CreateQuickLegendEffect(CriticalEffectCodes.FoePenalty, modifier: -20)]), ("+20b", [CreateQuickLegendEffect(CriticalEffectCodes.AttackerBonusNextRound, modifier: 20)]), - ("+2d10-3pp", [CreateQuickLegendEffect(CriticalEffectCodes.PowerPointModifier, valueExpression: "2d10-3")]), - ("w/o shield: +15, 3s", [CreateQuickLegendEffect(CriticalEffectCodes.DirectHits, valueInteger: 15), CreateQuickLegendEffect(CriticalEffectCodes.StunnedRounds, durationRounds: 3)]) + ("+2d10-3pp", [CreateQuickLegendEffect(CriticalEffectCodes.PowerPointModifier, valueExpression: "2d10-3")]) ]; private IJSObjectReference? jsModule; private bool isBackdropPointerDown; diff --git a/src/RolemasterDb.App/wwwroot/app.css b/src/RolemasterDb.App/wwwroot/app.css index 37b56a7..eaef300 100644 --- a/src/RolemasterDb.App/wwwroot/app.css +++ b/src/RolemasterDb.App/wwwroot/app.css @@ -369,6 +369,10 @@ textarea { justify-content: flex-end; } +.critical-cell-footer .affix-badge-list { + justify-content: flex-end; +} + .effect-stack { margin-top: 0.85rem; } @@ -852,14 +856,13 @@ textarea { .critical-editor-quick-legend-item { display: inline-flex; align-items: center; - gap: 0.45rem; - padding: 0.4rem 0.6rem; - border-radius: 999px; - background: rgba(255, 255, 255, 0.72); - border: 1px solid rgba(127, 96, 55, 0.1); white-space: nowrap; } +.critical-editor-quick-legend-item .affix-badge-list { + margin-top: 0; +} + .critical-editor-quick-legend-item code { font-size: 0.9rem; color: #5b4327; @@ -868,6 +871,8 @@ textarea { .critical-editor-quick-legend-equals { color: #8d5e1a; font-weight: 700; + margin-left: 0.2rem; + margin-right: 0.2rem; } .critical-editor-compare-grid {