Make avatar defense values uniform width to avoid visual jump on hover

Closes #16
Pathfinder1e-FoundryVTT-Modules · Jun 22, 2024 · 3cb23de · 3cb23de
1 parent 7a84bd0
commit 3cb23de
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git 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
@@ -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;