Make border conditional in crumbs

Summary: Add a setBorder call to CrumbsView to be more deliberate when a border is drawn. Could not find any CSS hacks to set it conditionally CSS.

Test Plan: Browsed every application that called crumbs and make a design decision. Also fixed a few bad layouts.

Reviewers: btrahan, epriestley

Reviewed By: btrahan

Subscribers: Korvin, epriestley

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

Author: chadlittle

resources/celerity/map.php

@@ -7,7 +7,7 @@
  */
 return array(
   'names' => array(
-    'core.pkg.css' => '63e9e0b7',
+    'core.pkg.css' => '8815f87d',
     'core.pkg.js' => 'efa12ecc',
     'darkconsole.pkg.js' => '8ab24e01',
     'differential.pkg.css' => '8af45893',
@@ -125,7 +125,7 @@
     'rsrc/css/phui/phui-action-list.css' => '9ee9910a',
     'rsrc/css/phui/phui-box.css' => '7b3a2eed',
     'rsrc/css/phui/phui-button.css' => '008ba5e2',
-    'rsrc/css/phui/phui-crumbs-view.css' => '3e362700',
+    'rsrc/css/phui/phui-crumbs-view.css' => '646a8830',
     'rsrc/css/phui/phui-document.css' => 'bbeb1890',
     'rsrc/css/phui/phui-feed-story.css' => 'c9f3a0b5',
     'rsrc/css/phui/phui-fontkit.css' => '9c3d2dce',
@@ -770,7 +770,7 @@
     'phui-calendar-day-css' => 'de035c8a',
     'phui-calendar-list-css' => 'c1d0ca59',
     'phui-calendar-month-css' => 'a92e47d2',
-    'phui-crumbs-view-css' => '3e362700',
+    'phui-crumbs-view-css' => '646a8830',
     'phui-document-view-css' => 'bbeb1890',
     'phui-feed-story-css' => 'c9f3a0b5',
     'phui-font-icon-base-css' => '3dad2ae3',

src/applications/auth/controller/config/PhabricatorAuthListController.php

@@ -90,6 +90,7 @@ public function processRequest() {
           pht('Add Authentication Provider'))));
 
     $crumbs = $this->buildApplicationCrumbs();
+    $crumbs->setBorder(true);
     $crumbs->addTextCrumb(pht('Auth Providers'));
 
     $config_name = 'auth.email-domains';

src/applications/config/controller/PhabricatorConfigHistoryController.php

@@ -33,6 +33,7 @@ public function processRequest() {
     $title = pht('Settings History');
 
     $crumbs = $this->buildApplicationCrumbs();
+    $crumbs->setBorder(true);
     $crumbs->addTextCrumb('Config', $this->getApplicationURI());
     $crumbs->addTextCrumb($title, '/config/history/');
 

src/applications/conpherence/controller/ConpherenceController.php

@@ -32,6 +32,7 @@ public function buildApplicationMenu() {
 
   protected function buildApplicationCrumbs() {
     $crumbs = parent::buildApplicationCrumbs();
+    $crumbs->setBorder(true);
 
     $crumbs
       ->addAction(

src/applications/differential/controller/DifferentialRevisionViewController.php

@@ -442,15 +442,9 @@ public function processRequest() {
           ->setRequestURI($request->getRequestURI()));
     }
 
-
     $object_id = 'D'.$revision->getID();
 
-    $top_anchor = id(new PhabricatorAnchorView())
-      ->setAnchorName('top')
-      ->setNavigationMarker(true);
-
     $content = array(
-      $top_anchor,
       $revision_detail_box,
       $page_pane,
     );
@@ -467,7 +461,6 @@ public function processRequest() {
         false);
 
       $nav = id(new DifferentialChangesetFileTreeSideNavBuilder())
-        ->setAnchorName('top')
         ->setTitle('D'.$revision->getID())
         ->setBaseURI(new PhutilURI('/D'.$revision->getID()))
         ->setCollapsed((bool)$collapsed)

src/applications/diffusion/controller/DiffusionCommitController.php

@@ -69,11 +69,6 @@ protected function processDiffusionRequest(AphrontRequest $request) {
         ));
     }
 
-
-    $top_anchor = id(new PhabricatorAnchorView())
-      ->setAnchorName('top')
-      ->setNavigationMarker(true);
-
     $audit_requests = $commit->getAudits();
     $this->auditAuthorityPHIDs =
       PhabricatorAuditCommentEditor::loadAuditPHIDsForUser($user);
@@ -93,7 +88,6 @@ protected function processDiffusionRequest(AphrontRequest $request) {
         "didn't affect the tracked subdirectory ('%s'), so no ".
         "information is available.", $subpath));
       $content[] = $error_panel;
-      $content[] = $top_anchor;
     } else {
       $engine = PhabricatorMarkupEngine::newDifferentialMarkupEngine();
       $engine->setConfig('viewer', $user);
@@ -151,7 +145,6 @@ protected function processDiffusionRequest(AphrontRequest $request) {
             'class' => 'diffusion-commit-message phabricator-remarkup',
           ),
           $message));
-      $content[] = $top_anchor;
 
       $object_box = id(new PHUIObjectBoxView())
         ->setHeader($headsup_view)
@@ -381,7 +374,6 @@ protected function processDiffusionRequest(AphrontRequest $request) {
 
     if ($changesets && $show_filetree) {
       $nav = id(new DifferentialChangesetFileTreeSideNavBuilder())
-        ->setAnchorName('top')
         ->setTitle($short_name)
         ->setBaseURI(new PhutilURI('/'.$commit_id))
         ->build($changesets)

src/applications/herald/controller/HeraldRuleEditHistoryController.php

@@ -30,10 +30,9 @@ public function processRequest() {
       ->setHandles($handles)
       ->setUser($this->getRequest()->getUser());
 
-    $panel = new AphrontPanelView();
-    $panel->setHeader(pht('Edit History'));
+    $panel = new PHUIObjectBoxView();
+    $panel->setHeaderText(pht('Edit History'));
     $panel->appendChild($list_view);
-    $panel->setNoBackground();
 
     $crumbs = $this
       ->buildApplicationCrumbs($can_create = false)

src/applications/legalpad/controller/LegalpadDocumentSignController.php

@@ -276,6 +276,7 @@ public function processRequest() {
     }
 
     $crumbs = $this->buildApplicationCrumbs();
+    $crumbs->setBorder(true);
     $crumbs->addTextCrumb($document->getMonogram());
 
     return $this->buildApplicationPage(

src/applications/people/controller/PhabricatorPeopleLdapController.php

@@ -32,11 +32,9 @@ public function handleRequest(AphrontRequest $request) {
         id(new AphrontFormSubmitControl())
           ->setValue(pht('Search')));
 
-    $panel = id(new AphrontPanelView())
-      ->setHeader(pht('Import LDAP Users'))
-      ->setNoBackground()
-      ->setWidth(AphrontPanelView::WIDTH_FORM)
-      ->appendChild($form);
+    $panel = id(new PHUIObjectBoxView())
+      ->setHeaderText(pht('Import LDAP Users'))
+      ->setForm($form);
 
     $crumbs = $this->buildApplicationCrumbs();
     $crumbs->addTextCrumb(

src/applications/phame/controller/post/PhamePostListController.php

@@ -75,6 +75,7 @@ public function processRequest() {
       ->appendChild($post_list);
 
     $crumbs = $this->buildApplicationCrumbs();
+    $crumbs->setBorder(true);
     $crumbs->addTextCrumb($title, $this->getApplicationURI());
 
     $nav->appendChild(

src/applications/phriction/controller/PhrictionDocumentController.php

@@ -185,6 +185,7 @@ public function processRequest() {
     $actions = $this->buildActionView($user, $document);
 
     $crumbs = $this->buildApplicationCrumbs();
+    $crumbs->setBorder(true);
     $crumb_views = $this->renderBreadcrumbs($slug);
     foreach ($crumb_views as $view) {
       $crumbs->addCrumb($view);

src/applications/search/controller/PhabricatorApplicationSearchController.php

@@ -261,6 +261,7 @@ private function processSearchRequest() {
 
     $crumbs = $parent
       ->buildApplicationCrumbs()
+      ->setBorder(true)
       ->addTextCrumb($title);
 
     $nav->setCrumbs($crumbs);

src/applications/tokens/controller/PhabricatorTokenGivenController.php

@@ -39,6 +39,7 @@ public function processRequest() {
     }
 
     $list = new PHUIObjectItemListView();
+    $list->setStackable(true);
     foreach ($tokens_given as $token_given) {
       $handle = $handles[$token_given->getObjectPHID()];
       $token = idx($tokens, $token_given->getTokenPHID());
@@ -57,17 +58,20 @@ public function processRequest() {
 
       $list->addItem($item);
     }
-    $list->setPager($pager);
-
     $title = pht('Tokens Given');
 
+    $box = id(new PHUIObjectBoxView())
+      ->setHeaderText($title)
+      ->appendChild($list);
+
     $nav = $this->buildSideNav();
     $nav->setCrumbs(
       $this->buildApplicationCrumbs()
         ->addTextCrumb($title));
     $nav->selectFilter('given/');
 
-    $nav->appendChild($list);
+    $nav->appendChild($box);
+    $nav->appendChild($pager);
 
     return $this->buildApplicationPage(
       $nav,

src/applications/tokens/controller/PhabricatorTokenLeaderController.php

@@ -30,6 +30,7 @@ public function processRequest() {
     }
 
     $list = new PHUIObjectItemListView();
+    $list->setStackable(true);
     foreach ($phids as $object) {
       $count = idx($counts, $object, 0);
       $item = id(new PHUIObjectItemView());
@@ -43,13 +44,17 @@ public function processRequest() {
 
     $title = pht('Token Leader Board');
 
+    $box = id(new PHUIObjectBoxView())
+      ->setHeaderText($title)
+      ->appendChild($list);
+
     $nav = $this->buildSideNav();
     $nav->setCrumbs(
       $this->buildApplicationCrumbs()
         ->addTextCrumb($title));
     $nav->selectFilter('leaders/');
 
-    $nav->appendChild($list);
+    $nav->appendChild($box);
     $nav->appendChild($pager);
 
     return $this->buildApplicationPage(

src/view/phui/PHUICrumbsView.php

@@ -4,6 +4,7 @@ final class PHUICrumbsView extends AphrontView {
 
   private $crumbs = array();
   private $actions = array();
+  private $border;
 
   protected function canAppendChild() {
     return false;
@@ -35,6 +36,11 @@ public function addAction(PHUIListItemView $action) {
     return $this;
   }
 
+  public function setBorder($border) {
+    $this->border = $border;
+    return $this;
+  }
+
   public function render() {
     require_celerity_resource('phui-crumbs-view-css');
 
@@ -99,6 +105,9 @@ public function render() {
 
     $classes = array();
     $classes[] = 'phui-crumbs-view';
+    if ($this->border) {
+      $classes[] = 'phui-crumbs-border';
+    }
 
     return phutil_tag(
       'div',

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

@@ -10,7 +10,6 @@
      Remove this once that gets sorted out. */
   position: relative;
   -webkit-font-smoothing: antialiased;
-  border-bottom: 1px solid rgba(205, 207, 211, 1);
 }
 
 .phui-crumbs-view,
@@ -99,3 +98,15 @@ a.phui-crumbs-action .phui-icon-view {
 .phui-crumb-divider {
   margin: 2px 8px;
 }
+
+.phui-crumbs-view.phui-crumbs-border {
+  border-bottom: 1px solid rgba(205, 207, 211, 1);
+}
+
+.phui-crumbs-view + .phui-object-box {
+  margin-top: 0;
+}
+
+body .phui-crumbs-view + .phui-object-item-list-view {
+  padding-top: 0;
+}