[Redesign] Slight border inset on all profile photos

Summary: Ref T8099, Cleans up profile photos around the site in a more consistent way.

Test Plan: grep for 'background-size: 100%'

Reviewers: btrahan, epriestley

Reviewed By: epriestley

Subscribers: epriestley, Korvin

Maniphest Tasks: T8099

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

resources/celerity/map.php

@@ -7,7 +7,7 @@
  */
 return array(
   'names' => array(
-    'core.pkg.css' => '9cbee819',
+    'core.pkg.css' => '13953840',
     'core.pkg.js' => 'f1e8abd7',
     'darkconsole.pkg.js' => 'e7393ebb',
     'differential.pkg.css' => 'fe951924',
@@ -32,7 +32,7 @@ return array(
     'rsrc/css/aphront/typeahead-browse.css' => 'd8581d2c',
     'rsrc/css/aphront/typeahead.css' => '0e403212',
     'rsrc/css/application/almanac/almanac.css' => 'dbb9b3af',
-    'rsrc/css/application/auth/auth.css' => '44975d4b',
+    'rsrc/css/application/auth/auth.css' => 'dc62cb0e',
     'rsrc/css/application/base/main-menu-view.css' => '44b4a289',
     'rsrc/css/application/base/notification-menu.css' => 'f31c0bde',
     'rsrc/css/application/base/phabricator-application-launch-view.css' => '9a233ed6',
@@ -48,8 +48,8 @@ return array(
     'rsrc/css/application/config/unhandled-exception.css' => '4c96257a',
     'rsrc/css/application/conpherence/durable-column.css' => '1c938382',
     'rsrc/css/application/conpherence/menu.css' => 'f9f1d143',
-    'rsrc/css/application/conpherence/message-pane.css' => '02d8d6aa',
+    'rsrc/css/application/conpherence/message-pane.css' => '2c16d204',
-    'rsrc/css/application/conpherence/notification.css' => '919974b6',
+    'rsrc/css/application/conpherence/notification.css' => '6cdcc253',
     'rsrc/css/application/conpherence/transaction.css' => '85d0974c',
     'rsrc/css/application/conpherence/update.css' => '1099a660',
     'rsrc/css/application/conpherence/widget-pane.css' => '6e0e290b',
@@ -130,11 +130,11 @@ return array(
     'rsrc/css/phui/phui-button.css' => 'f4d9c140',
     'rsrc/css/phui/phui-crumbs-view.css' => 'ce840ec2',
     'rsrc/css/phui/phui-document.css' => 'bc45d313',
-    'rsrc/css/phui/phui-feed-story.css' => '1399290a',
+    'rsrc/css/phui/phui-feed-story.css' => 'c70d2dd9',
     'rsrc/css/phui/phui-fontkit.css' => '1a18fe95',
     'rsrc/css/phui/phui-form-view.css' => 'a0e8f168',
     'rsrc/css/phui/phui-form.css' => '17ce37a9',
-    'rsrc/css/phui/phui-header-view.css' => 'b9a83326',
+    'rsrc/css/phui/phui-header-view.css' => 'c9c4a432',
     'rsrc/css/phui/phui-icon.css' => '88ba9081',
     'rsrc/css/phui/phui-image-mask.css' => '5a8b09c8',
     'rsrc/css/phui/phui-info-panel.css' => '27ea50a1',
@@ -150,7 +150,7 @@ return array(
     'rsrc/css/phui/phui-status.css' => '888cedb8',
     'rsrc/css/phui/phui-tag-view.css' => '402691cc',
     'rsrc/css/phui/phui-text.css' => 'cf019f54',
-    'rsrc/css/phui/phui-timeline-view.css' => 'b9d72b7f',
+    'rsrc/css/phui/phui-timeline-view.css' => '2d181f3f',
     'rsrc/css/phui/phui-workboard-view.css' => '0cac51a4',
     'rsrc/css/phui/phui-workpanel-view.css' => '4bdc2562',
     'rsrc/css/sprite-login.css' => 'a3526809',
@@ -493,7 +493,7 @@ return array(
     'aphront-tooltip-css' => '7672b60f',
     'aphront-two-column-view-css' => '16ab3ad2',
     'aphront-typeahead-control-css' => '0e403212',
-    'auth-css' => '44975d4b',
+    'auth-css' => 'dc62cb0e',
     'calendar-icon-css' => '98ce946d',
     'changeset-view-manager' => '58562350',
     'conduit-api-css' => '7bc725c4',
@@ -501,8 +501,8 @@ return array(
     'config-welcome-css' => '6abd79be',
     'conpherence-durable-column-view' => '1c938382',
     'conpherence-menu-css' => 'f9f1d143',
-    'conpherence-message-pane-css' => '02d8d6aa',
+    'conpherence-message-pane-css' => '2c16d204',
-    'conpherence-notification-css' => '919974b6',
+    'conpherence-notification-css' => '6cdcc253',
     'conpherence-thread-manager' => '01774ab2',
     'conpherence-transaction-css' => '85d0974c',
     'conpherence-update-css' => '1099a660',
@@ -770,12 +770,12 @@ return array(
     'phui-calendar-month-css' => '476be7e0',
     'phui-crumbs-view-css' => 'ce840ec2',
     'phui-document-view-css' => 'bc45d313',
-    'phui-feed-story-css' => '1399290a',
+    'phui-feed-story-css' => 'c70d2dd9',
     'phui-font-icon-base-css' => '3dad2ae3',
     'phui-fontkit-css' => '1a18fe95',
     'phui-form-css' => '17ce37a9',
     'phui-form-view-css' => 'a0e8f168',
-    'phui-header-view-css' => 'b9a83326',
+    'phui-header-view-css' => 'c9c4a432',
     'phui-icon-view-css' => '88ba9081',
     'phui-image-mask-css' => '5a8b09c8',
     'phui-info-panel-css' => '27ea50a1',
@@ -793,7 +793,7 @@ return array(
     'phui-tag-view-css' => '402691cc',
     'phui-text-css' => 'cf019f54',
     'phui-theme-css' => '1ccdcc84',
-    'phui-timeline-view-css' => 'b9d72b7f',
+    'phui-timeline-view-css' => '2d181f3f',
     'phui-workboard-view-css' => '0cac51a4',
     'phui-workpanel-view-css' => '4bdc2562',
     'phuix-action-list-view' => 'b5c256b8',

src/applications/celerity/CelerityResourceTransformer.php

@@ -215,6 +215,7 @@ final class CelerityResourceTransformer extends Phobject {
       'hoverborder'   => '#dfe1e9',
       'hoverselectedgrey' => '#bbc4ca',
       'hoverselectedblue' => '#e6e9ee',
+      'borderinset' => 'inset 0 0 0 1px rgba(55,55,55,.15)',
 
       // Base Greys
       'lightgreyborder'     => '#C7CCD9',

webroot/rsrc/css/application/auth/auth.css

@@ -40,6 +40,7 @@
 
   background-repeat: no-repeat;
   background-size: 100%;
+  box-shadow: {$borderinset};
   position: absolute;
 }
 

webroot/rsrc/css/application/conpherence/message-pane.css

@@ -178,6 +178,7 @@
   background-size: 35px;
   position: absolute;
   top: 5px;
+  box-shadow: {$borderinset};
 }
 
 .device-phone .conpherence-message-pane .conpherence-transaction-image {

webroot/rsrc/css/application/conpherence/notification.css

@@ -27,6 +27,8 @@
   width: 30px;
   height: 30px;
   background-size: 100%;
+  box-shadow: {$borderinset};
+  border-radius: 3px;
 }
 
 .phabricator-notification .conpherence-menu-item-view

webroot/rsrc/css/phui/phui-feed-story.css

@@ -12,7 +12,7 @@
   background-size: 35px;
   float: left;
   margin-right: 8px;
-  border: 1px solid rgba(55,55,55,.2);
+  box-shadow: {$borderinset};
   border-radius: 3px;
 }
 

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

@@ -122,7 +122,7 @@ body .phui-header-shell.phui-bleed-header
   display: inline-block;
   background-repeat: no-repeat;
   background-size: 100%;
-  border: 1px solid rgba(0,0,0,.1);
+  box-shadow: {$borderinset};
   width: 50px;
   height: 50px;
 }

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

@@ -100,11 +100,13 @@
   background-repeat: no-repeat;
   position: absolute;
   border-radius: 3px;
+  box-shadow: {$borderinset};
+  background-size: 100%;
 }
 
 .device-desktop .phui-timeline-major-event .phui-timeline-image {
-  width: 50px;
+  width: 48px;
-  height: 50px;
+  height: 48px;
   top: 0px;
   left: -62px;
 }