recaptime.dev / phorge
@recaptime-dev's working patches + fork for Phorge, a community fork of Phabricator. (Upstream dev and stable branches are at upstream/main and upstream/stable respectively.) hq.recaptime.dev/wiki/Phorge
phorge phabricator
1
fork

Configure Feed

Select the types of activity you want to include in your feed.

Redesign Application Search

Summary: This moves aphront-side-nav to use same table css display as profile nav. Slightly less code to support. Cleans up AppSearch UI, think I've gotten all the edge cases here, but bang on it, can hold until after release cut.

Test Plan: Config, Maniphest, Differential, Diffusion, Home.

Reviewers: epriestley

Reviewed By: epriestley

Subscribers: Korvin

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

Chad Little 11e84c16 5380d877

+271 -166
+18 -16
resources/celerity/map.php
··· 7 7 */ 8 8 return array( 9 9 'names' => array( 10 - 'core.pkg.css' => '8b87d014', 10 + 'core.pkg.css' => 'a90e12a7', 11 11 'core.pkg.js' => '13c7e56a', 12 12 'darkconsole.pkg.js' => 'e7393ebb', 13 13 'differential.pkg.css' => '3fb7f532', ··· 24 24 'rsrc/css/aphront/multi-column.css' => 'fd18389d', 25 25 'rsrc/css/aphront/notification.css' => '3f6c89c9', 26 26 'rsrc/css/aphront/panel-view.css' => '8427b78d', 27 - 'rsrc/css/aphront/phabricator-nav-view.css' => 'ac79a758', 27 + 'rsrc/css/aphront/phabricator-nav-view.css' => '370da55a', 28 28 'rsrc/css/aphront/table-view.css' => '832656fd', 29 29 'rsrc/css/aphront/tokenizer.css' => '056da01b', 30 30 'rsrc/css/aphront/tooltip.css' => '1a07aea8', ··· 99 99 'rsrc/css/application/releeph/releeph-preview-branch.css' => 'b7a6f4a5', 100 100 'rsrc/css/application/releeph/releeph-request-differential-create-dialog.css' => '8d8b92cd', 101 101 'rsrc/css/application/releeph/releeph-request-typeahead.css' => '667a48ae', 102 + 'rsrc/css/application/search/application-search-view.css' => 'b3e0e5ef', 102 103 'rsrc/css/application/search/search-results.css' => '7dea472c', 103 104 'rsrc/css/application/slowvote/slowvote.css' => 'a94b7230', 104 105 'rsrc/css/application/tokens/tokens.css' => '3d0f239e', ··· 113 114 'rsrc/css/font/font-lato.css' => 'c7ccd872', 114 115 'rsrc/css/font/phui-font-icon-base.css' => '6449bce8', 115 116 'rsrc/css/layout/phabricator-filetree-view.css' => 'fccf9f82', 116 - 'rsrc/css/layout/phabricator-side-menu-view.css' => 'dd849797', 117 117 'rsrc/css/layout/phabricator-source-code-view.css' => 'cbeef983', 118 118 'rsrc/css/phui/calendar/phui-calendar-day.css' => '572b1893', 119 119 'rsrc/css/phui/calendar/phui-calendar-list.css' => 'fcc9fb41', 120 120 'rsrc/css/phui/calendar/phui-calendar-month.css' => '8e10e92c', 121 - 'rsrc/css/phui/calendar/phui-calendar.css' => 'daadaf39', 121 + 'rsrc/css/phui/calendar/phui-calendar.css' => '477acfaa', 122 122 'rsrc/css/phui/phui-action-list.css' => 'c5eba19d', 123 123 'rsrc/css/phui/phui-action-panel.css' => '91c7b835', 124 124 'rsrc/css/phui/phui-badge.css' => '3baef8db', 125 + 'rsrc/css/phui/phui-basic-nav-view.css' => 'bfc71dd0', 125 126 'rsrc/css/phui/phui-big-info-view.css' => 'bd903741', 126 127 'rsrc/css/phui/phui-box.css' => '5c8387cf', 127 128 'rsrc/css/phui/phui-button.css' => '4a5fbe3d', 128 129 'rsrc/css/phui/phui-chart.css' => '6bf6f78e', 129 - 'rsrc/css/phui/phui-crumbs-view.css' => 'b4fa5755', 130 + 'rsrc/css/phui/phui-crumbs-view.css' => '9dac418c', 130 131 'rsrc/css/phui/phui-curtain-view.css' => '7148ae25', 131 - 'rsrc/css/phui/phui-document-pro.css' => 'a3730b94', 132 + 'rsrc/css/phui/phui-document-pro.css' => 'dc3d46ed', 132 133 'rsrc/css/phui/phui-document-summary.css' => '9ca48bdf', 133 134 'rsrc/css/phui/phui-document.css' => '715aedfb', 134 135 'rsrc/css/phui/phui-feed-story.css' => 'aa49845d', ··· 136 137 'rsrc/css/phui/phui-form-view.css' => 'fab0a10f', 137 138 'rsrc/css/phui/phui-form.css' => 'aac1d51d', 138 139 'rsrc/css/phui/phui-head-thing.css' => 'fd311e5f', 139 - 'rsrc/css/phui/phui-header-view.css' => '4c7dd8f5', 140 + 'rsrc/css/phui/phui-header-view.css' => '06385974', 140 141 'rsrc/css/phui/phui-hovercard.css' => 'de1a2119', 141 142 'rsrc/css/phui/phui-icon-set-selector.css' => '1ab67aad', 142 143 'rsrc/css/phui/phui-icon.css' => 'd0534b71', ··· 148 149 'rsrc/css/phui/phui-object-item-list-view.css' => '8d99e42b', 149 150 'rsrc/css/phui/phui-pager.css' => 'bea33d23', 150 151 'rsrc/css/phui/phui-pinboard-view.css' => '2495140e', 151 - 'rsrc/css/phui/phui-profile-menu.css' => 'c8557f33', 152 + 'rsrc/css/phui/phui-profile-menu.css' => '8a3fc181', 152 153 'rsrc/css/phui/phui-property-list-view.css' => '6d8e58ac', 153 154 'rsrc/css/phui/phui-remarkup-preview.css' => '1a8f2591', 154 155 'rsrc/css/phui/phui-segment-bar-view.css' => '46342871', ··· 541 542 'aphront-tokenizer-control-css' => '056da01b', 542 543 'aphront-tooltip-css' => '1a07aea8', 543 544 'aphront-typeahead-control-css' => 'd4f16145', 545 + 'application-search-view-css' => 'b3e0e5ef', 544 546 'auth-css' => '0877ed6e', 545 547 'bulk-job-css' => 'df9c1d4a', 546 548 'changeset-view-manager' => 'a2828756', ··· 784 786 'phabricator-keyboard-shortcut' => '1ae869f2', 785 787 'phabricator-keyboard-shortcut-manager' => '4a021c10', 786 788 'phabricator-main-menu-view' => 'b623169f', 787 - 'phabricator-nav-view-css' => 'ac79a758', 789 + 'phabricator-nav-view-css' => '370da55a', 788 790 'phabricator-notification' => 'ccf1cbf8', 789 791 'phabricator-notification-css' => '3f6c89c9', 790 792 'phabricator-notification-menu-css' => 'f31c0bde', ··· 794 796 'phabricator-remarkup-css' => '523d34bb', 795 797 'phabricator-search-results-css' => '7dea472c', 796 798 'phabricator-shaped-request' => '7cbe244b', 797 - 'phabricator-side-menu-view-css' => 'dd849797', 798 799 'phabricator-slowvote-css' => 'a94b7230', 799 800 'phabricator-source-code-view-css' => 'cbeef983', 800 801 'phabricator-standard-page-view' => 'e709f6d0', ··· 824 825 'phriction-document-css' => '4282e4ad', 825 826 'phui-action-panel-css' => '91c7b835', 826 827 'phui-badge-view-css' => '3baef8db', 828 + 'phui-basic-nav-view-css' => 'bfc71dd0', 827 829 'phui-big-info-view-css' => 'bd903741', 828 830 'phui-box-css' => '5c8387cf', 829 831 'phui-button-css' => '4a5fbe3d', 830 - 'phui-calendar-css' => 'daadaf39', 832 + 'phui-calendar-css' => '477acfaa', 831 833 'phui-calendar-day-css' => '572b1893', 832 834 'phui-calendar-list-css' => 'fcc9fb41', 833 835 'phui-calendar-month-css' => '8e10e92c', 834 836 'phui-chart-css' => '6bf6f78e', 835 - 'phui-crumbs-view-css' => 'b4fa5755', 837 + 'phui-crumbs-view-css' => '9dac418c', 836 838 'phui-curtain-view-css' => '7148ae25', 837 839 'phui-document-summary-view-css' => '9ca48bdf', 838 840 'phui-document-view-css' => '715aedfb', 839 - 'phui-document-view-pro-css' => 'a3730b94', 841 + 'phui-document-view-pro-css' => 'dc3d46ed', 840 842 'phui-feed-story-css' => 'aa49845d', 841 843 'phui-font-icon-base-css' => '6449bce8', 842 844 'phui-fontkit-css' => '9cda225e', 843 845 'phui-form-css' => 'aac1d51d', 844 846 'phui-form-view-css' => 'fab0a10f', 845 847 'phui-head-thing-view-css' => 'fd311e5f', 846 - 'phui-header-view-css' => '4c7dd8f5', 848 + 'phui-header-view-css' => '06385974', 847 849 'phui-hovercard' => '1bd28176', 848 850 'phui-hovercard-view-css' => 'de1a2119', 849 851 'phui-icon-set-selector-css' => '1ab67aad', ··· 857 859 'phui-object-item-list-view-css' => '8d99e42b', 858 860 'phui-pager-css' => 'bea33d23', 859 861 'phui-pinboard-view-css' => '2495140e', 860 - 'phui-profile-menu-css' => 'c8557f33', 862 + 'phui-profile-menu-css' => '8a3fc181', 861 863 'phui-property-list-view-css' => '6d8e58ac', 862 864 'phui-remarkup-preview-css' => '1a8f2591', 863 865 'phui-segment-bar-view-css' => '46342871', ··· 2252 2254 'phui-header-view-css', 2253 2255 'phabricator-filetree-view-css', 2254 2256 'phabricator-nav-view-css', 2255 - 'phabricator-side-menu-view-css', 2257 + 'phui-basic-nav-view-css', 2256 2258 'phui-crumbs-view-css', 2257 2259 'phui-object-item-list-view-css', 2258 2260 'global-drag-and-drop-css',
+1 -1
resources/celerity/packages.php
··· 113 113 'phui-header-view-css', 114 114 'phabricator-filetree-view-css', 115 115 'phabricator-nav-view-css', 116 - 'phabricator-side-menu-view-css', 116 + 'phui-basic-nav-view-css', 117 117 'phui-crumbs-view-css', 118 118 'phui-object-item-list-view-css', 119 119 'global-drag-and-drop-css',
+4 -4
src/applications/calendar/query/PhabricatorCalendarEventSearchEngine.php
··· 369 369 ->setName($from->format('F Y')); 370 370 371 371 $header = id(new PHUIHeaderView()) 372 + ->setProfileHeader(true) 372 373 ->setHeader($from->format('F Y')); 373 374 374 375 return id(new PhabricatorApplicationSearchResultView()) 375 376 ->setCrumbs($crumbs) 376 377 ->setHeader($header) 377 - ->setContent($month_view) 378 - ->setCollapsed(true); 378 + ->setContent($month_view); 379 379 } 380 380 381 381 private function buildCalendarDayView( ··· 443 443 ); 444 444 445 445 $header = id(new PHUIHeaderView()) 446 + ->setProfileHeader(true) 446 447 ->setHeader($from->format('D, F jS')); 447 448 448 449 return id(new PhabricatorApplicationSearchResultView()) 449 450 ->setCrumbs($crumbs) 450 451 ->setHeader($header) 451 - ->setContent($day_view) 452 - ->setCollapsed(true); 452 + ->setContent($day_view); 453 453 } 454 454 455 455 private function getDisplayYearAndMonthAndDay(
+1
src/applications/celerity/postprocessor/CelerityDefaultPostprocessor.php
··· 194 194 195 195 // Background color for "most" themes. 196 196 'page.background' => '#f8f8fb', 197 + 'page.sidenav' => '#f0f0f2', 197 198 198 199 'menu.profile.text' => 'rgba(255,255,255,.8)', 199 200 'menu.profile.text.selected' => 'rgba(255,255,255,1)',
+24 -10
src/applications/search/controller/PhabricatorApplicationSearchController.php
··· 193 193 } 194 194 195 195 $header = id(new PHUIHeaderView()) 196 - ->setHeader($title); 196 + ->setHeader($title) 197 + ->setProfileHeader(true); 197 198 198 199 $box = id(new PHUIObjectBoxView()) 199 - ->setHeader($header); 200 + ->setHeader($header) 201 + ->addClass('application-search-results'); 200 202 201 203 if ($run_query || $named_query) { 202 204 $box->setShowHide( ··· 281 283 282 284 if ($pager->willShowPagingControls()) { 283 285 $pager_box = id(new PHUIBoxView()) 284 - ->addPadding(PHUI::PADDING_MEDIUM) 285 - ->addMargin(PHUI::MARGIN_LARGE) 286 - ->setBorder(true) 286 + ->setColor(PHUIBoxView::GREY) 287 + ->addClass('application-search-pager') 287 288 ->appendChild($pager); 288 289 $body[] = $pager_box; 289 290 } ··· 308 309 } 309 310 310 311 $crumbs = $parent 311 - ->buildApplicationCrumbs(); 312 + ->buildApplicationCrumbs() 313 + ->setBorder(true); 312 314 313 315 if ($more_crumbs) { 314 316 $query_uri = $engine->getQueryResultsPageURI($saved_query->getQueryKey()); ··· 321 323 $crumbs->addTextCrumb($title); 322 324 } 323 325 326 + require_celerity_resource('application-search-view-css'); 327 + 324 328 return $this->newPage() 325 329 ->setApplicationMenu($this->buildApplicationMenu()) 326 330 ->setTitle(pht('Query: %s', $title)) 327 331 ->setCrumbs($crumbs) 328 332 ->setNavigation($nav) 329 - ->appendChild($body); 333 + ->appendChild($body) 334 + ->addClass('application-search-view'); 330 335 } 331 336 332 337 private function processEditRequest() { ··· 403 408 404 409 $crumbs = $parent 405 410 ->buildApplicationCrumbs() 406 - ->addTextCrumb(pht('Saved Queries'), $engine->getQueryManagementURI()); 411 + ->addTextCrumb(pht('Saved Queries'), $engine->getQueryManagementURI()) 412 + ->setBorder(true); 407 413 408 414 $nav->selectFilter('query/edit'); 409 415 416 + $header = id(new PHUIHeaderView()) 417 + ->setHeader(pht('Saved Queries')) 418 + ->setProfileHeader(true); 419 + 410 420 $box = id(new PHUIObjectBoxView()) 411 - ->setHeaderText(pht('Saved Queries')) 412 - ->setObjectList($list); 421 + ->setHeader($header) 422 + ->setObjectList($list) 423 + ->addClass('application-search-results'); 424 + 425 + require_celerity_resource('application-search-view-css'); 413 426 414 427 return $this->newPage() 415 428 ->setApplicationMenu($this->buildApplicationMenu()) 416 429 ->setTitle(pht('Saved Queries')) 417 430 ->setCrumbs($crumbs) 418 431 ->setNavigation($nav) 432 + ->addClass('application-search-view') 419 433 ->appendChild($box); 420 434 } 421 435
+3 -3
src/view/control/AphrontCursorPagerView.php
··· 148 148 ->setHref($first_uri) 149 149 ->setIcon($icon) 150 150 ->addClass('mml') 151 - ->setColor(PHUIButtonView::SIMPLE) 151 + ->setColor(PHUIButtonView::GREY) 152 152 ->setText(pht('First')); 153 153 } 154 154 ··· 161 161 ->setHref($prev_uri) 162 162 ->setIcon($icon) 163 163 ->addClass('mml') 164 - ->setColor(PHUIButtonView::SIMPLE) 164 + ->setColor(PHUIButtonView::GREY) 165 165 ->setText(pht('Prev')); 166 166 } 167 167 ··· 174 174 ->setHref($next_uri) 175 175 ->setIcon($icon, false) 176 176 ->addClass('mml') 177 - ->setColor(PHUIButtonView::SIMPLE) 177 + ->setColor(PHUIButtonView::GREY) 178 178 ->setText(pht('Next')); 179 179 } 180 180
+17 -31
src/view/layout/AphrontSideNavFilterView.php
··· 193 193 } 194 194 } 195 195 196 - require_celerity_resource('phabricator-side-menu-view-css'); 196 + require_celerity_resource('phui-basic-nav-view-css'); 197 197 198 198 return $this->renderFlexNav(); 199 199 } 200 200 201 201 private function renderFlexNav() { 202 202 require_celerity_resource('phabricator-nav-view-css'); 203 + require_celerity_resource('phui-profile-menu-css'); 203 204 204 205 $nav_classes = array(); 205 206 $nav_classes[] = 'phabricator-nav'; 206 - 207 - if ($this->getIsProfileMenu()) { 208 - require_celerity_resource('phui-profile-menu-css'); 209 - // No class, we're going to put it on the shell instead. 210 - } else { 211 - $nav_classes[] = 'phabricator-basic-nav'; 212 - } 213 207 214 208 $nav_id = null; 215 209 $drag_id = null; ··· 284 278 285 279 $nav_classes = array_merge($nav_classes, $this->classes); 286 280 287 - $footer = $this->footer; 288 - 289 - if ($this->getIsProfileMenu()) { 290 - $internal_footer = $footer; 291 - $external_footer = null; 292 - } else { 293 - $internal_footer = null; 294 - $external_footer = $footer; 295 - } 296 - 297 281 $menu = phutil_tag( 298 282 'div', 299 283 array( ··· 312 296 array( 313 297 $crumbs, 314 298 $this->renderChildren(), 315 - $internal_footer, 299 + $this->footer, 316 300 )), 317 301 )); 302 + 303 + $classes = array(); 304 + $classes[] = 'phui-navigation-shell'; 318 305 319 306 if ($this->getIsProfileMenu()) { 320 - $shell = phutil_tag( 321 - 'div', 322 - array( 323 - 'class' => 'phui-navigation-shell phui-profile-menu', 324 - ), 325 - array( 326 - $menu, 327 - )); 307 + $classes[] = 'phui-profile-menu'; 328 308 } else { 329 - $shell = array( 309 + $classes[] = 'phui-basic-nav'; 310 + } 311 + 312 + $shell = phutil_tag( 313 + 'div', 314 + array( 315 + 'class' => implode(' ', $classes), 316 + ), 317 + array( 330 318 $menu, 331 - $external_footer, 332 - ); 333 - } 319 + )); 334 320 335 321 return $shell; 336 322 }
+2
src/view/phui/PHUIObjectBoxView.php
··· 204 204 ->addSigil('reveal-content') 205 205 ->setID($hide_action_id) 206 206 ->setStyle($hide_style) 207 + ->setIcon('fa-search') 207 208 ->setHref($this->showHideHref) 208 209 ->setMetaData( 209 210 array( ··· 216 217 ->setTag('a') 217 218 ->addSigil('reveal-content') 218 219 ->setStyle($show_style) 220 + ->setIcon('fa-search') 219 221 ->setHref('#') 220 222 ->setID($show_action_id) 221 223 ->setMetaData(
+1 -1
src/view/phui/PHUIPagerView.php
··· 204 204 $rendered_links[] = id(new PHUIButtonView()) 205 205 ->setTag('a') 206 206 ->setHref($link) 207 - ->setColor(PHUIButtonView::SIMPLE) 207 + ->setColor(PHUIButtonView::GREY) 208 208 ->addClass('mml') 209 209 ->addClass($class) 210 210 ->setText($label);
+4
src/view/phui/calendar/PHUICalendarDayView.php
··· 191 191 ->addColumn($table_box, 'thirds phui-day-view-column') 192 192 ->setFluidLayout(true); 193 193 194 + $layout = id(new PHUIBoxView()) 195 + ->appendChild($layout) 196 + ->addClass('phui-calendar-box'); 197 + 194 198 return $layout; 195 199 } 196 200
+2 -1
src/view/phui/calendar/PHUICalendarMonthView.php
··· 183 183 $box = id(new PHUIObjectBoxView()) 184 184 ->setHeader($this->renderCalendarHeader($this->getDateTime())) 185 185 ->appendChild($table) 186 - ->setFormErrors($warnings); 186 + ->setFormErrors($warnings) 187 + ->addClass('phui-calendar-box'); 187 188 if ($this->error) { 188 189 $box->setInfoView($this->error); 189 190
+17 -17
webroot/rsrc/css/aphront/phabricator-nav-view.css
··· 20 20 display: block; 21 21 } 22 22 23 - .device-desktop .phabricator-side-menu-home .phabricator-nav-content, 24 - .device-tablet .phabricator-side-menu-home .phabricator-nav-content { 25 - margin-left: 205px; 26 - } 27 - 28 - .phabricator-nav-local { 29 - width: 205px; 30 - position: absolute; 31 - left: 0; 32 - white-space: nowrap; 33 - overflow-x: hidden; 34 - overflow-y: auto; 35 - margin-top: 8px; 23 + /* Home Sidenav */ 24 + .phui-basic-nav.phui-navigation-shell 25 + .phabricator-side-menu-home .phabricator-nav-local { 26 + padding-top: 16px; 27 + padding-right: 0; 28 + background-color: transparent; 29 + width: 205px; 36 30 } 37 31 38 - .phabricator-side-menu-home .phabricator-nav-local { 39 - margin-top: 16px; 32 + .device-phone .phui-basic-nav.phui-navigation-shell 33 + .phabricator-side-menu-home .phabricator-nav-local { 34 + padding-top: 0; 35 + padding-right: 0; 36 + background-color: transparent; 37 + width: auto; 40 38 } 41 39 42 40 .phabricator-nav-drag { ··· 68 66 margin-left: 212px; 69 67 } 70 68 71 - .device-desktop .has-local-nav .phabricator-nav-content { 72 - margin-left: 205px; 69 + .device-desktop .phui-navigation-shell .has-drag-nav .phabricator-nav-local { 70 + width: 205px; 71 + padding: 0; 72 + background: transparent; 73 73 } 74 74 75 75 .device-phone .phabricator-side-menu-home .phabricator-nav-content {
+50
webroot/rsrc/css/application/search/application-search-view.css
··· 1 + /** 2 + * @provides application-search-view-css 3 + */ 4 + 5 + .application-search-view { 6 + background-color: #fff; 7 + } 8 + 9 + .application-search-view .application-search-results.phui-object-box { 10 + margin: 0; 11 + padding: 0 16px 24px; 12 + } 13 + 14 + .application-search-view .application-search-results .phui-profile-header { 15 + padding: 16px 8px; 16 + border-bottom: 1px solid {$thinblueborder}; 17 + } 18 + 19 + .application-search-results 20 + .phui-profile-header.phui-header-shell .phui-header-header { 21 + font-size: 20px; 22 + } 23 + 24 + .device-phone.application-search-view .application-search-results 25 + .phui-profile-header { 26 + padding: 12px 0; 27 + } 28 + 29 + .device-phone .application-search-results 30 + .phui-profile-header.phui-header-shell .phui-header-header { 31 + font-size: 16px; 32 + } 33 + 34 + .device-phone.application-search-view 35 + .application-search-results.phui-object-box { 36 + padding: 0 12px; 37 + } 38 + 39 + .application-search-view .phui-box-border { 40 + border: none; 41 + } 42 + 43 + .application-search-pager { 44 + margin: 0 16px 16px 16px; 45 + padding: 8px; 46 + } 47 + 48 + .device-phone .application-search-pager { 49 + margin: 12px; 50 + }
-59
webroot/rsrc/css/layout/phabricator-side-menu-view.css
··· 1 - /** 2 - * @provides phabricator-side-menu-view-css 3 - */ 4 - 5 - .phabricator-basic-nav .phabricator-side-menu .phui-list-item-view { 6 - display: block; 7 - white-space: nowrap; 8 - text-decoration: none; 9 - font-size: 13px; 10 - -webkit-font-smoothing: antialiased; 11 - } 12 - 13 - .phabricator-basic-nav .phabricator-side-menu .phui-list-item-href { 14 - display: block; 15 - padding: 6px 8px 6px 24px; 16 - color: {$darkbluetext}; 17 - border-top-right-radius: 3px; 18 - border-bottom-right-radius: 3px; 19 - } 20 - 21 - .phabricator-basic-nav .phabricator-side-menu .phui-list-item-icon { 22 - margin-left: -12px; 23 - text-align: center; 24 - width: 24px; 25 - } 26 - 27 - .phabricator-basic-nav .phabricator-side-menu .phui-list-item-selected { 28 - background-color: rgba({$alphablack},.05); 29 - border-left: 4px solid {$sky}; 30 - border-top-right-radius: 3px; 31 - border-bottom-right-radius: 3px; 32 - font-weight: bold; 33 - } 34 - 35 - .device-desktop .phabricator-basic-nav .phabricator-side-menu 36 - .phui-list-item-selected 37 - a.phui-list-item-href:hover { 38 - background-color: rgba({$alphablack},.05); 39 - } 40 - 41 - .phabricator-basic-nav .phabricator-side-menu .phui-list-item-selected 42 - .phui-list-item-href { 43 - padding-left: 20px; 44 - } 45 - 46 - .phabricator-basic-nav .phabricator-side-menu .phui-list-item-type-label { 47 - padding: 6px 8px 4px 12px; 48 - color: {$darkbluetext}; 49 - text-transform: uppercase; 50 - font-size: 12px; 51 - font-weight: bold; 52 - border-style: solid; 53 - } 54 - 55 - .device-desktop .phabricator-basic-nav .phabricator-side-menu 56 - a.phui-list-item-href:hover { 57 - text-decoration: none; 58 - background-color: rgba({$alphablack},.07); 59 - }
+7
webroot/rsrc/css/phui/calendar/phui-calendar.css
··· 8 8 background: rgba(255, 255, 255, 0.75); 9 9 } 10 10 11 + .application-search-view div.phui-calendar-box { 12 + border-left: 1px solid {$thinblueborder}; 13 + border-right: 1px solid {$thinblueborder}; 14 + border-bottom: 1px solid {$lightblueborder}; 15 + border-radius: 0; 16 + } 17 + 11 18 .phui-calendar-list a { 12 19 color: {$greytext}; 13 20 }
+107
webroot/rsrc/css/phui/phui-basic-nav-view.css
··· 1 + /** 2 + * @provides phui-basic-nav-view-css 3 + */ 4 + 5 + .device-desktop .phui-navigation-shell { 6 + display: table; 7 + width: 100%; 8 + height: calc(100vh - {$menu.main.height}); 9 + } 10 + 11 + .device-desktop .phui-navigation-shell .phabricator-nav { 12 + display: table-row; 13 + } 14 + 15 + .device-desktop .phui-navigation-shell .phabricator-nav-local { 16 + display: table-cell; 17 + position: relative; 18 + vertical-align: top; 19 + width: {$menu.profile.width}; 20 + max-width: {$menu.profile.width}; 21 + margin-top: 0; 22 + overflow: hidden; 23 + } 24 + 25 + .phui-basic-nav.phui-navigation-shell .phabricator-nav-local { 26 + width: 205px; 27 + padding-top: 4px; 28 + padding-right: 8px; 29 + } 30 + 31 + .phui-basic-nav .phabricator-side-menu { 32 + background-color: {$page.sidenav}; 33 + } 34 + 35 + .phui-two-column-view .phui-basic-nav.phui-navigation-shell 36 + .phabricator-nav-local { 37 + width: {$menu.profile.width}; 38 + max-width: {$menu.profile.width}; 39 + padding-right: 0; 40 + padding-top: 0; 41 + } 42 + 43 + .phui-two-column-view .phui-basic-nav .phabricator-side-menu { 44 + background-color: #fff; 45 + } 46 + 47 + .phui-basic-nav .phabricator-side-menu { 48 + background-color: {$page.sidenav}; 49 + } 50 + 51 + .phui-basic-nav .phabricator-side-menu .phui-list-item-view { 52 + display: block; 53 + white-space: nowrap; 54 + text-decoration: none; 55 + font-size: 13px; 56 + -webkit-font-smoothing: antialiased; 57 + } 58 + 59 + .phui-basic-nav .phabricator-side-menu .phui-list-item-href { 60 + display: block; 61 + padding: 6px 8px 6px 24px; 62 + color: {$darkbluetext}; 63 + border-top-right-radius: 3px; 64 + border-bottom-right-radius: 3px; 65 + overflow: hidden; 66 + text-overflow: ellipsis 67 + } 68 + 69 + .phui-basic-nav .phabricator-side-menu .phui-list-item-icon { 70 + margin-left: -12px; 71 + text-align: center; 72 + width: 24px; 73 + } 74 + 75 + .phui-basic-nav .phabricator-side-menu .phui-list-item-selected { 76 + background-color: rgba({$alphablack},.05); 77 + border-left: 4px solid {$sky}; 78 + border-top-right-radius: 3px; 79 + border-bottom-right-radius: 3px; 80 + font-weight: bold; 81 + } 82 + 83 + .device-desktop .phui-basic-nav .phabricator-side-menu 84 + .phui-list-item-selected 85 + a.phui-list-item-href:hover { 86 + background-color: rgba({$alphablack},.05); 87 + } 88 + 89 + .phui-basic-nav .phabricator-side-menu .phui-list-item-selected 90 + .phui-list-item-href { 91 + padding-left: 20px; 92 + } 93 + 94 + .phui-basic-nav .phabricator-side-menu .phui-list-item-type-label { 95 + padding: 6px 8px 4px 12px; 96 + color: {$darkbluetext}; 97 + text-transform: uppercase; 98 + font-size: 12px; 99 + font-weight: bold; 100 + border-style: solid; 101 + } 102 + 103 + .device-desktop .phui-basic-nav .phabricator-side-menu 104 + a.phui-list-item-href:hover { 105 + text-decoration: none; 106 + background-color: rgba({$alphablack},.07); 107 + }
+2 -1
webroot/rsrc/css/phui/phui-crumbs-view.css
··· 5 5 .phui-crumbs-view { 6 6 overflow: hidden; 7 7 vertical-align: top; 8 - padding: 0 20px 0 28px; 8 + padding: 0 12px 0 20px; 9 9 /* TODO: Position this over the slider for Differential's file tree view. 10 10 Remove this once that gets sorted out. */ 11 11 position: relative; 12 12 -webkit-font-smoothing: antialiased; 13 + background-color: {$page.background}; 13 14 } 14 15 15 16 .phui-crumbs-view,
+6 -1
webroot/rsrc/css/phui/phui-document-pro.css
··· 37 37 } 38 38 39 39 .device-phone .phui-document-view.phui-document-view-pro { 40 - padding: 0 8px; 40 + padding: 0 12px; 41 41 margin: 0 auto; 42 42 } 43 43 ··· 131 131 line-height: 30px; 132 132 color: #000; 133 133 } 134 + 135 + .device-phone .phui-document-view.phui-document-view-pro .phui-header-tall 136 + .phui-header-header { 137 + font-size: 18px; 138 + } 134 139 135 140 .device-phone .phui-document-view-pro .phui-header-subheader { 136 141 display: block;
+1
webroot/rsrc/css/phui/phui-header-view.css
··· 323 323 .phui-profile-header.phui-header-shell .phui-header-header { 324 324 font-family: 'Aleo', {$fontfamily}; 325 325 font-size: 24px; 326 + color: #000; 326 327 } 327 328 328 329 .phui-profile-header .phui-header-col3 {
+4 -21
webroot/rsrc/css/phui/phui-profile-menu.css
··· 2 2 * @provides phui-profile-menu-css 3 3 */ 4 4 5 - .device-desktop .phui-navigation-shell.phui-profile-menu { 6 - display: table; 7 - width: 100%; 8 - height: calc(100vh - {$menu.main.height}); 9 - } 10 - 11 - .device-desktop .phui-profile-menu .phabricator-nav { 12 - display: table-row; 13 - } 14 - 15 - .device-desktop .phui-profile-menu .phabricator-nav-local { 16 - display: table-cell; 17 - position: relative; 18 - vertical-align: top; 19 - width: {$menu.profile.width}; 20 - max-width: {$menu.profile.width}; 21 - margin-top: 0; 22 - overflow: hidden; 23 - } 24 - 25 5 .device-desktop .phui-profile-menu-collapsed .phabricator-nav-local { 26 6 width: {$menu.profile.width.collapsed}; 27 7 max-width: {$menu.profile.width.collapsed}; ··· 32 12 margin-left: 0; 33 13 } 34 14 15 + .phui-profile-menu .phui-basic-nav { 16 + width: 205px; 17 + } 18 + 35 19 .phui-profile-menu .phabricator-side-menu { 36 20 background: #525867; 37 - box-shadow: inset -2px 0 2px rgba({$alphablack}, 0.150); 38 21 width: 240px; 39 22 } 40 23