From 6cb1656cac0dc9851b714a3ca613adb48a62cf91 Mon Sep 17 00:00:00 2001
From: Bryan Housel <bryan@mapbox.com>
Date: Tue, 12 Feb 2019 00:00:12 -0500
Subject: [PATCH] Animate expand fix menus

---
 css/80_app.css              | 11 ++++++++++-
 modules/ui/entity_issues.js |  3 ++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/css/80_app.css b/css/80_app.css
index f170eb67e..4ba8c13e6 100644
--- a/css/80_app.css
+++ b/css/80_app.css
@@ -3026,7 +3026,16 @@ ul.issue-fix-list li:not(:last-of-type) {
     border-bottom-width: 1px;
 }
 .issue:not(.expanded) ul.issue-fix-list {
-    display: none;
+    height: 0px;
+    transition: height 75ms linear;
+    -moz-transition: height 75ms linear;
+    -webkit-transition: height 75ms linear;
+}
+.issue.expanded ul.issue-fix-list {
+    height: 100%;
+    transition: height 75ms linear;
+    -moz-transition: height 75ms linear;
+    -webkit-transition: height 75ms linear;
 }
 
 
diff --git a/modules/ui/entity_issues.js b/modules/ui/entity_issues.js
index 10bf871b8..d425d97c6 100644
--- a/modules/ui/entity_issues.js
+++ b/modules/ui/entity_issues.js
@@ -74,7 +74,8 @@ export function uiEntityIssues(context) {
             })
             .on('click', function(d, i) {
                 _expanded = i;   // expand only the clicked item
-                items.classed('expanded', function(d, i) { return i === _expanded; });
+                selection.selectAll('.issue')
+                    .classed('expanded', function(d, i) { return i === _expanded; });
 
                 var loc = d.loc();
                 if (loc) {