From ee77c5c8f16351a691bbfac75a912efdf85c0b60 Mon Sep 17 00:00:00 2001
From: Chad Little <chad@phacility.com>
Date: Tue, 21 Jun 2016 12:54:35 -0700
Subject: [PATCH] Clean up menu folding in action list

Summary: Just removing the animation for now, can't find anything decent, I think that the issue is the animation is applying to all items in the list, and not just as a list as a single block. That is, I'd like to slide down all three at one. Any animation that slides them down when attached to each item makes them overlap at the first frame and it's a little distracting. Not a big deal to leave this out for now. Whatever we come up with should likely be applied to phuix-dropdown as well.

Test Plan: Clicky Clicky.

Reviewers: epriestley

Reviewed By: epriestley

Subscribers: Korvin

Differential Revision: https://secure.phabricator.com/D16159
---
 resources/celerity/map.php            |  6 +++---
 webroot/rsrc/css/phui/phui-button.css | 28 +++++++++------------------
 2 files changed, 12 insertions(+), 22 deletions(-)

diff --git a/resources/celerity/map.php b/resources/celerity/map.php
index 07c9873003..2944634334 100644
--- a/resources/celerity/map.php
+++ b/resources/celerity/map.php
@@ -7,7 +7,7 @@
  */
 return array(
   'names' => array(
-    'core.pkg.css' => 'f577cd20',
+    'core.pkg.css' => '2168daaf',
     'core.pkg.js' => 'f2139810',
     'darkconsole.pkg.js' => 'e7393ebb',
     'differential.pkg.css' => 'b3eea3f5',
@@ -124,7 +124,7 @@ return array(
     'rsrc/css/phui/phui-badge.css' => '3baef8db',
     'rsrc/css/phui/phui-big-info-view.css' => 'bd903741',
     'rsrc/css/phui/phui-box.css' => '5c8387cf',
-    'rsrc/css/phui/phui-button.css' => 'e266e0bc',
+    'rsrc/css/phui/phui-button.css' => '4a5fbe3d',
     'rsrc/css/phui/phui-chart.css' => '6bf6f78e',
     'rsrc/css/phui/phui-crumbs-view.css' => '6b813619',
     'rsrc/css/phui/phui-curtain-view.css' => '7148ae25',
@@ -824,7 +824,7 @@ return array(
     'phui-badge-view-css' => '3baef8db',
     'phui-big-info-view-css' => 'bd903741',
     'phui-box-css' => '5c8387cf',
-    'phui-button-css' => 'e266e0bc',
+    'phui-button-css' => '4a5fbe3d',
     'phui-calendar-css' => 'ccabe893',
     'phui-calendar-day-css' => 'd1cf6f93',
     'phui-calendar-list-css' => '56e6381a',
diff --git a/webroot/rsrc/css/phui/phui-button.css b/webroot/rsrc/css/phui/phui-button.css
index 1566585919..51807fa48e 100644
--- a/webroot/rsrc/css/phui/phui-button.css
+++ b/webroot/rsrc/css/phui/phui-button.css
@@ -268,7 +268,7 @@ a.policy-control .caret {
   float: right;
   margin-top: 4px;
   margin-right: 6px;
-  border-left-color: {$lightgreytext};
+  border-left-color: {$alphablue};
 }
 
 .phabricator-action-view-submenu .caret {
@@ -278,28 +278,18 @@ a.policy-control .caret {
   border-top: 7px solid {$lightgreytext};
 }
 
-.phabricator-action-view-submenu.phui-submenu-open {
-  background: {$greybackground};
+.phabricator-action-list-view .phabricator-action-view-submenu.phui-submenu-open
+  .phabricator-action-view-item {
+  background-color: rgba({$alphablue}, 0.07);
+  color: {$sky};
+  border-radius: 3px;
 }
 
-.phui-submenu-animate {
-  animation: phui-submenu-summon 0.25s;
+.phabricator-action-list-view .phabricator-action-view-submenu.phui-submenu-open
+  .phabricator-action-view-item .phui-icon-view {
+    color: {$sky};
 }
 
-@keyframes phui-submenu-summon {
-  0% {
-    color: {$lightgreytext};
-    margin-left: 0;
-    transform: rotate(12deg);
-  }
-  60% {
-    margin-left: 24px;
-    transform: rotate(-5deg);
-    margin-top: 18px;
-  }
-}
-
-
 /* Icons */
 .button.has-icon {
   position: relative;