Refresh dialog styles.

Summary: This updates dialogs to look more inline with other headers.

Test Plan: Tested what dialogs I could find.

Reviewers: epriestley, btrahan

Reviewed By: btrahan

CC: aran, Korvin

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

src/__celerity_resource_map__.php

@@ -539,6 +539,13 @@ celerity_register_resource_map(array(
     'disk' => '/rsrc/image/texture/table_header_hover.png',
     'type' => 'png',
   ),
+  '/rsrc/image/texture/table_header_tall.png' =>
+  array(
+    'hash' => 'b05525601f78d759f1c5e47fd9c1a8aa',
+    'uri' => '/res/b0552560/rsrc/image/texture/table_header_tall.png',
+    'disk' => '/rsrc/image/texture/table_header_tall.png',
+    'type' => 'png',
+  ),
   '/rsrc/swf/aphlict.swf' =>
   array(
     'hash' => '4b9a9d83bebaf254f3790e87b45c1f92',
@@ -593,7 +600,7 @@ celerity_register_resource_map(array(
   ),
   'aphront-dialog-view-css' =>
   array(
-    'uri' => '/res/0ec64c77/rsrc/css/aphront/dialog-view.css',
+    'uri' => '/res/415069e9/rsrc/css/aphront/dialog-view.css',
     'type' => 'css',
     'requires' =>
     array(
@@ -3247,7 +3254,7 @@ celerity_register_resource_map(array(
 ), array(
   'packages' =>
   array(
-    '52e51755' =>
+    'e881809b' =>
     array(
       'name' => 'core.pkg.css',
       'symbols' =>
@@ -3291,7 +3298,7 @@ celerity_register_resource_map(array(
         36 => 'phabricator-object-item-list-view-css',
         37 => 'global-drag-and-drop-css',
       ),
-      'uri' => '/res/pkg/52e51755/core.pkg.css',
+      'uri' => '/res/pkg/e881809b/core.pkg.css',
       'type' => 'css',
     ),
     'c90b892e' =>
@@ -3481,19 +3488,19 @@ celerity_register_resource_map(array(
   'reverse' =>
   array(
     'aphront-attached-file-view-css' => '83f07678',
-    'aphront-crumbs-view-css' => '52e51755',
-    'aphront-dialog-view-css' => '52e51755',
-    'aphront-error-view-css' => '52e51755',
-    'aphront-form-view-css' => '52e51755',
+    'aphront-crumbs-view-css' => 'e881809b',
+    'aphront-dialog-view-css' => 'e881809b',
+    'aphront-error-view-css' => 'e881809b',
+    'aphront-form-view-css' => 'e881809b',
     'aphront-headsup-action-list-view-css' => 'ec01d039',
-    'aphront-headsup-view-css' => '52e51755',
-    'aphront-list-filter-view-css' => '52e51755',
-    'aphront-pager-view-css' => '52e51755',
-    'aphront-panel-view-css' => '52e51755',
-    'aphront-table-view-css' => '52e51755',
-    'aphront-tokenizer-control-css' => '52e51755',
-    'aphront-tooltip-css' => '52e51755',
-    'aphront-typeahead-control-css' => '52e51755',
+    'aphront-headsup-view-css' => 'e881809b',
+    'aphront-list-filter-view-css' => 'e881809b',
+    'aphront-pager-view-css' => 'e881809b',
+    'aphront-panel-view-css' => 'e881809b',
+    'aphront-table-view-css' => 'e881809b',
+    'aphront-tokenizer-control-css' => 'e881809b',
+    'aphront-tooltip-css' => 'e881809b',
+    'aphront-typeahead-control-css' => 'e881809b',
     'differential-changeset-view-css' => 'ec01d039',
     'differential-core-view-css' => 'ec01d039',
     'differential-inline-comment-editor' => 'ac53d36a',
@@ -3507,7 +3514,7 @@ celerity_register_resource_map(array(
     'differential-table-of-contents-css' => 'ec01d039',
     'diffusion-commit-view-css' => 'c8ce2d88',
     'diffusion-icons-css' => 'c8ce2d88',
-    'global-drag-and-drop-css' => '52e51755',
+    'global-drag-and-drop-css' => 'e881809b',
     'inline-comment-summary-css' => 'ec01d039',
     'javelin-aphlict' => 'c90b892e',
     'javelin-behavior' => 'fbeded59',
@@ -3577,48 +3584,48 @@ celerity_register_resource_map(array(
     'javelin-util' => 'fbeded59',
     'javelin-vector' => 'fbeded59',
     'javelin-workflow' => 'fbeded59',
-    'lightbox-attachment-css' => '52e51755',
+    'lightbox-attachment-css' => 'e881809b',
     'maniphest-task-summary-css' => '83f07678',
     'maniphest-transaction-detail-css' => '83f07678',
     'phabricator-busy' => 'c90b892e',
     'phabricator-content-source-view-css' => 'ec01d039',
-    'phabricator-core-buttons-css' => '52e51755',
-    'phabricator-core-css' => '52e51755',
-    'phabricator-crumbs-view-css' => '52e51755',
-    'phabricator-directory-css' => '52e51755',
+    'phabricator-core-buttons-css' => 'e881809b',
+    'phabricator-core-css' => 'e881809b',
+    'phabricator-crumbs-view-css' => 'e881809b',
+    'phabricator-directory-css' => 'e881809b',
     'phabricator-drag-and-drop-file-upload' => 'ac53d36a',
     'phabricator-dropdown-menu' => 'c90b892e',
     'phabricator-file-upload' => 'c90b892e',
-    'phabricator-filetree-view-css' => '52e51755',
-    'phabricator-flag-css' => '52e51755',
-    'phabricator-form-view-css' => '52e51755',
-    'phabricator-header-view-css' => '52e51755',
-    'phabricator-jump-nav' => '52e51755',
+    'phabricator-filetree-view-css' => 'e881809b',
+    'phabricator-flag-css' => 'e881809b',
+    'phabricator-form-view-css' => 'e881809b',
+    'phabricator-header-view-css' => 'e881809b',
+    'phabricator-jump-nav' => 'e881809b',
     'phabricator-keyboard-shortcut' => 'c90b892e',
     'phabricator-keyboard-shortcut-manager' => 'c90b892e',
-    'phabricator-main-menu-view' => '52e51755',
+    'phabricator-main-menu-view' => 'e881809b',
     'phabricator-menu-item' => 'c90b892e',
-    'phabricator-nav-view-css' => '52e51755',
+    'phabricator-nav-view-css' => 'e881809b',
     'phabricator-notification' => 'c90b892e',
-    'phabricator-notification-css' => '52e51755',
-    'phabricator-notification-menu-css' => '52e51755',
-    'phabricator-object-item-list-view-css' => '52e51755',
+    'phabricator-notification-css' => 'e881809b',
+    'phabricator-notification-menu-css' => 'e881809b',
+    'phabricator-object-item-list-view-css' => 'e881809b',
     'phabricator-object-selector-css' => 'ec01d039',
     'phabricator-paste-file-upload' => 'c90b892e',
     'phabricator-prefab' => 'c90b892e',
     'phabricator-project-tag-css' => '83f07678',
-    'phabricator-remarkup-css' => '52e51755',
+    'phabricator-remarkup-css' => 'e881809b',
     'phabricator-shaped-request' => 'ac53d36a',
-    'phabricator-side-menu-view-css' => '52e51755',
-    'phabricator-standard-page-view' => '52e51755',
+    'phabricator-side-menu-view-css' => 'e881809b',
+    'phabricator-standard-page-view' => 'e881809b',
     'phabricator-textareautils' => 'c90b892e',
     'phabricator-tooltip' => 'c90b892e',
-    'phabricator-transaction-view-css' => '52e51755',
-    'phabricator-zindex-css' => '52e51755',
-    'sprite-apps-large-css' => '52e51755',
-    'sprite-gradient-css' => '52e51755',
-    'sprite-icon-css' => '52e51755',
-    'sprite-menu-css' => '52e51755',
-    'syntax-highlighting-css' => '52e51755',
+    'phabricator-transaction-view-css' => 'e881809b',
+    'phabricator-zindex-css' => 'e881809b',
+    'sprite-apps-large-css' => 'e881809b',
+    'sprite-gradient-css' => 'e881809b',
+    'sprite-icon-css' => 'e881809b',
+    'sprite-menu-css' => 'e881809b',
+    'syntax-highlighting-css' => 'e881809b',
   ),
 ));

webroot/rsrc/css/aphront/dialog-view.css

@@ -4,21 +4,32 @@
 
 .aphront-dialog-view {
   width: 480px;
-  padding: 8px;
-  background: #666;
   margin: auto;
+  border-radius: 6px;
+  box-shadow: 0 4px 12px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.5);
+}
+
+.device-phone .aphront-dialog-view {
+  width: 300px;
 }
 
 .aphront-dialog-head {
-  background:   #003366;
-  border:       none;
-  font-size:    15px;
-  padding:      5px 12px 6px;
-  color:        #ffffff;
+  border: 1px solid #d4dadf;
+  font-size: 15px;
+  padding: 10px 15px;
+  font-weight: bold;
+  white-space: nowrap;
+  color: #525252;
+  text-shadow: 0 1px 0 white;
+  font-weight: bold;
+  background-image: url(/rsrc/image/texture/table_header_tall.png);
+  background-repeat: repeat-x;
+  border-top-left-radius: 6px;
+  border-top-right-radius: 6px;
 }
 
 .aphront-dialog-view-width-form {
-  width:        600px;
+  width: 600px;
 }
 
 .aphront-dialog-view-width-full {
@@ -27,15 +38,18 @@
 
 .aphront-dialog-body {
   background: #ffffff;
-  padding: 16px 12px;
+  padding: 20px 15px;
   border: none;
   overflow: hidden;
 }
 
 .aphront-dialog-tail {
   border: none;
-  background: #ededed;
-  padding: 0.5em;
+  background: #fff;
+  padding: 8px 10px;
+  border-top: 1px solid #d4dadf;
+  border-bottom-left-radius: 6px;
+  border-bottom-right-radius: 6px;
   text-align: right;
 }