Normalize ActionList dropdowns

Summary: Normalizes the display of the ActionList menu on mobile and tablet, shifts them to being actual menu dropdowns instead of an inline list.

Test Plan:
Verify DocumentView, Profiles, and Tasks all display the Action Menu in an identical way.

{F368091}

{F368092}

Reviewers: btrahan, epriestley

Reviewed By: epriestley

Subscribers: Korvin, epriestley

Differential Revision: https://secure.phabricator.com/D12373

resources/celerity/map.php

@@ -7,7 +7,7 @@
  */
 return array(
   'names' => array(
-    'core.pkg.css' => 'a2bfa724',
+    'core.pkg.css' => '58063506',
     'core.pkg.js' => '6a4f677f',
     'darkconsole.pkg.js' => '8ab24e01',
     'differential.pkg.css' => '3500921f',
@@ -123,23 +123,23 @@ return array(
     'rsrc/css/phui/calendar/phui-calendar-month.css' => 'a92e47d2',
     'rsrc/css/phui/calendar/phui-calendar.css' => '8675968e',
     'rsrc/css/phui/phui-action-header-view.css' => '89c497e7',
-    'rsrc/css/phui/phui-action-list.css' => '9ee9910a',
+    'rsrc/css/phui/phui-action-list.css' => 'c5f7a8c5',
     'rsrc/css/phui/phui-action-panel.css' => '3ee9afd5',
     'rsrc/css/phui/phui-box.css' => '7b3a2eed',
     'rsrc/css/phui/phui-button.css' => '53f55a72',
     'rsrc/css/phui/phui-crumbs-view.css' => '594d719e',
-    'rsrc/css/phui/phui-document.css' => '0f83a7df',
+    'rsrc/css/phui/phui-document.css' => 'aa714c6d',
     'rsrc/css/phui/phui-feed-story.css' => 'c9f3a0b5',
     'rsrc/css/phui/phui-fontkit.css' => '1fa79503',
     'rsrc/css/phui/phui-form-view.css' => '28062c92',
     'rsrc/css/phui/phui-form.css' => 'f535f938',
-    'rsrc/css/phui/phui-header-view.css' => '083669db',
+    'rsrc/css/phui/phui-header-view.css' => 'da4586b1',
     'rsrc/css/phui/phui-icon.css' => 'bc766998',
     'rsrc/css/phui/phui-image-mask.css' => '5a8b09c8',
     'rsrc/css/phui/phui-info-panel.css' => '27ea50a1',
     'rsrc/css/phui/phui-info-view.css' => 'c6f0aef8',
     'rsrc/css/phui/phui-list.css' => '2e25ebfb',
-    'rsrc/css/phui/phui-object-box.css' => 'd68ce5dc',
+    'rsrc/css/phui/phui-object-box.css' => '7d160002',
     'rsrc/css/phui/phui-object-item-list-view.css' => '9db65899',
     'rsrc/css/phui/phui-pinboard-view.css' => '3dd4a269',
     'rsrc/css/phui/phui-property-list-view.css' => '5b671934',
@@ -712,7 +712,7 @@ return array(
     'paste-css' => 'eb997ddd',
     'path-typeahead' => 'f7fc67ec',
     'people-profile-css' => '25970776',
-    'phabricator-action-list-view-css' => '9ee9910a',
+    'phabricator-action-list-view-css' => 'c5f7a8c5',
     'phabricator-application-launch-view-css' => '16ca323f',
     'phabricator-busy' => '59a7976a',
     'phabricator-chatlog-css' => '852140ff',
@@ -781,20 +781,20 @@ return array(
     'phui-calendar-list-css' => 'c1d0ca59',
     'phui-calendar-month-css' => 'a92e47d2',
     'phui-crumbs-view-css' => '594d719e',
-    'phui-document-view-css' => '0f83a7df',
+    'phui-document-view-css' => 'aa714c6d',
     'phui-feed-story-css' => 'c9f3a0b5',
     'phui-font-icon-base-css' => '3dad2ae3',
     'phui-fontkit-css' => '1fa79503',
     'phui-form-css' => 'f535f938',
     'phui-form-view-css' => '28062c92',
-    'phui-header-view-css' => '083669db',
+    'phui-header-view-css' => 'da4586b1',
     'phui-icon-view-css' => 'bc766998',
     'phui-image-mask-css' => '5a8b09c8',
     'phui-info-panel-css' => '27ea50a1',
     'phui-info-view-css' => 'c6f0aef8',
     'phui-inline-comment-view-css' => 'b7860d00',
     'phui-list-view-css' => '2e25ebfb',
-    'phui-object-box-css' => 'd68ce5dc',
+    'phui-object-box-css' => '7d160002',
     'phui-object-item-list-view-css' => '9db65899',
     'phui-pinboard-view-css' => '3dd4a269',
     'phui-property-list-view-css' => '5b671934',

webroot/rsrc/css/phui/phui-action-list.css

@@ -23,21 +23,19 @@
 
 .device .phabricator-action-list-view.phabricator-action-list-toggle {
   display: block;
+  width: 200px;
+  border: 1px solid {$lightblueborder};
+  border-radius: 3px;
+  position: absolute;
+  right: 16px;
+  top: 42px;
+  background: #fff;
+  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.35);
 }
 
-.device .phui-property-list-view
+.device-phone .phabricator-action-list-view.phabricator-action-list-toggle {
-  .phabricator-action-view button.phabricator-action-view-item,
+  right: 8px;
-.device .phui-property-list-view .phabricator-action-view-item {
+  top: 38px;
-  font-size: 14px;
-  line-height: 22px;
-  padding-bottom: 4px;
-  border-bottom: 1px solid {$thinblueborder};
-  padding-left: 30px;
-}
-
-.device .phui-property-list-actions .phabricator-action-view .phui-icon-view {
-  font-size: 14px;
-  line-height: 18px;
 }
 
 .phabricator-action-view {

webroot/rsrc/css/phui/phui-document.css

@@ -111,12 +111,6 @@
   overflow: hidden;
 }
 
-.device-phone .phui-document-content .phabricator-action-list-view {
-  margin: 0;
-  border-bottom: 1px solid #c0c5d1;
-  background: {$lightgreybackground};
-}
-
 .phui-document-content .phabricator-remarkup {
   padding: 16px;
 }

webroot/rsrc/css/phui/phui-header-view.css

@@ -53,20 +53,15 @@ body .phui-header-shell.phui-bleed-header
 }
 
 .phui-object-box .phui-header-view .phui-header-action-links {
-  margin-right: 4px;
+  margin-right: 12px;
-  margin-top: -2px;
-  margin-bottom: -3px;
-}
-
-.phui-object-box .phui-header-has-image .phui-header-view
- .phui-header-action-links {
-  margin-top: 8px;
-}
-
-.phui-document-view .phui-header-view .phui-header-action-links {
   margin-top: 4px;
 }
 
+.device-phone .phui-object-box .phui-header-view .phui-header-action-links {
+  margin-right: 4px;
+  margin-top: -1px;
+}
+
 .device-phone .phui-header-action-link .phui-button-text {
   visibility: hidden;
   width: 0;

webroot/rsrc/css/phui/phui-object-box.css

@@ -2,6 +2,10 @@
  * @provides phui-object-box-css
  */
 
+.phui-object-box {
+  position: relative;
+}
+
 div.phui-object-box.phui-object-box-flush {
   margin-top: 0;
 }