From 3cb23deef30a54dc70e736067b8fed7514d97797 Mon Sep 17 00:00:00 2001
From: KitCat <katsulynx@gmail.com>
Date: Sat, 22 Jun 2024 23:29:10 +0100
Subject: [PATCH] Make avatar defense values uniform width to avoid visual jump
 on hover Closes #16

---
 CHANGELOG          | 1 +
 styles/ech-pf1.css | 8 ++++----
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG b/CHANGELOG
index 5e4feda..f45b61f 100644
--- a/CHANGELOG
+++ b/CHANGELOG
@@ -5,6 +5,7 @@
 - Only allow weapons with attack actions and attacks for weapon sets
 - Remove background skills from drawer when not active
 - Fix movement calculation for diagonals
+- Make avatar defense values uniform width to avoid visual jump on hover
 
 ## 0.9.4
 - Top-align portrait tooltips to avoid overlapping actual text
diff --git a/styles/ech-pf1.css b/styles/ech-pf1.css
index c83de0d..4c0b428 100644
--- a/styles/ech-pf1.css
+++ b/styles/ech-pf1.css
@@ -26,6 +26,7 @@
     flex-direction: column;
 }
 
+.extended-combat-hud .portrait-hud:hover .portrait-stat-block.stacked-stats > .portrait-stat.hidden,
 .extended-combat-hud .portrait-stat-block.stacked-stats > .portrait-stat {
     height: 2rem;
     transition: height 500ms, font-size 500ms;
@@ -35,12 +36,11 @@
 }
 
 .extended-combat-hud .portrait-stat-block.stacked-stats > .portrait-stat.hidden {
-    display: none;
+    overflow: hidden;
+    height: 0;
+    padding: 0 0.35rem;
 }
 
-.extended-combat-hud .portrait-hud:hover .portrait-stat-block.stacked-stats > .portrait-stat.hidden {
-    display: flex;
-}
 
 .extended-combat-hud .portrait-stat-block.stacked-stats.left {
     left: 0;