@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] Mobile menus / headers

Summary: Ref T8099, make the main menu and search menu lighter to match new UI.

Test Plan: set browser to smaller breakpoints, test mobile menus and search.

Reviewers: btrahan, epriestley

Reviewed By: epriestley

Subscribers: Korvin, epriestley

Maniphest Tasks: T8099

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

+31 -26
+3 -3
resources/celerity/map.php
··· 7 7 */ 8 8 return array( 9 9 'names' => array( 10 - 'core.pkg.css' => 'df06e8ae', 10 + 'core.pkg.css' => 'ce2c805f', 11 11 'core.pkg.js' => 'f3e08b38', 12 12 'darkconsole.pkg.js' => 'e7393ebb', 13 13 'differential.pkg.css' => 'bb338e4b', ··· 34 34 'rsrc/css/aphront/typeahead.css' => '0e403212', 35 35 'rsrc/css/application/almanac/almanac.css' => 'dbb9b3af', 36 36 'rsrc/css/application/auth/auth.css' => '44975d4b', 37 - 'rsrc/css/application/base/main-menu-view.css' => 'ac574fc3', 37 + 'rsrc/css/application/base/main-menu-view.css' => '680360ea', 38 38 'rsrc/css/application/base/notification-menu.css' => '713df25a', 39 39 'rsrc/css/application/base/phabricator-application-launch-view.css' => '132f9d14', 40 40 'rsrc/css/application/base/standard-page-view.css' => '062f0f54', ··· 711 711 'phabricator-hovercard-view-css' => 'b7a82459', 712 712 'phabricator-keyboard-shortcut' => '1ae869f2', 713 713 'phabricator-keyboard-shortcut-manager' => 'c1700f6f', 714 - 'phabricator-main-menu-view' => 'ac574fc3', 714 + 'phabricator-main-menu-view' => '680360ea', 715 715 'phabricator-nav-view-css' => '949b43d9', 716 716 'phabricator-notification' => '0c6946e7', 717 717 'phabricator-notification-css' => '9c279160',
+28 -23
webroot/rsrc/css/application/base/main-menu-view.css
··· 66 66 } 67 67 68 68 .device-desktop .phabricator-main-menu-brand:hover { 69 - background-color: rgba(55,55,55,.1); 69 + background-color: rgba(55,55,55,..08); 70 70 cursor: hand; 71 71 } 72 72 ··· 213 213 } 214 214 215 215 .device-desktop .phabricator-main-menu-search 216 + button.phabricator-main-menu-search-dropdown { 217 + height: 28px; 218 + top: 8px; 219 + } 220 + 221 + .device-desktop .phabricator-main-menu-search 216 222 button.phabricator-main-menu-search-dropdown:hover .phui-icon-view { 217 223 color: {$sky}; 218 224 } 219 225 220 - .device .phabricator-main-menu-search 221 - button.phabricator-main-menu-search-dropdown { 222 - left: 2px; 223 - background: #000; 224 - } 225 - 226 - .device .phabricator-main-menu-search 227 - button.phabricator-main-menu-search-dropdown .phui-icon-view { 228 - margin-top: 2px; 226 + .device-desktop .phabricator-main-menu-search 227 + button.phabricator-main-menu-search-dropdown:hover { 228 + background-color: rgba(55,55,55,0.08); 229 + border-radius: 3px; 229 230 } 230 231 231 232 .device .phabricator-main-menu-search 232 - button.phabricator-main-menu-search-dropdown .caret { 233 - margin-top: 3px; 233 + button.phabricator-main-menu-search-dropdown { 234 + left: 2px; 235 + background: {$lightgreybackground}; 234 236 } 235 237 236 238 button.phabricator-main-menu-search-dropdown .caret:before { ··· 242 244 .phabricator-main-menu-search button.phabricator-main-menu-search-dropdown 243 245 .phui-icon-view { 244 246 color: {$bluetext}; 247 + font-size: 15px; 248 + top: 6px; 249 + left: 8px; 245 250 } 246 251 247 252 .phabricator-main-menu-search-dropdown .caret { 248 253 position: absolute; 249 - right: 13px; 250 - top: 3px; 254 + right: 15px; 255 + top: 5px; 251 256 border: none; 252 257 margin-top: 1px; 253 258 } ··· 409 414 410 415 .device .phabricator-dark-menu, 411 416 .device .phabricator-dark-menu a.phui-list-item-href { 412 - color: #fff; 417 + color: {$darkbluetext}; 413 418 -webkit-font-smoothing: antialiased; 414 419 } 415 420 416 421 .device .phabricator-dark-menu .phui-list-item-type-label { 422 + border-top: 1px solid {$thinblueborder}; 417 423 text-transform: uppercase; 418 424 font-size: 13px; 419 - background-color: #151719; 420 - padding: 6px 0 6px 20px; 425 + background-color: #fff; 426 + padding: 6px 0 6px 12px; 421 427 display: block; 422 428 font-weight: bold; 429 + color: {$blue}; 423 430 } 424 431 425 432 .device .phabricator-dark-menu .phui-list-item-href { 426 - border-width: 1px 0; 427 - border-style: solid; 428 - border-color: #34373b transparent #282c2d; 429 - background-color: #272c2f; 433 + border-top: 1px solid {$thinblueborder}; 434 + background-color: #fff; 430 435 padding: 4px 0 4px 20px; 431 436 display: block; 432 437 } ··· 459 464 font-size: 15px; 460 465 min-height: 30px; 461 466 line-height: 28px; 462 - background: #000; 467 + background: #fff; 463 468 } 464 469 465 470 .device .phui-list-item-type-link ··· 511 516 512 517 .device-desktop .phabricator-application-menu 513 518 .core-menu-item.phui-list-item-view:hover { 514 - background-color: rgba(55,55,55,.1); 519 + background-color: rgba(55,55,55,.08); 515 520 border-radius: 3px; 516 521 } 517 522