@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] Touch up sidenav UI

Summary: Ref T8099, lots of little tweaks, mostly to icon nav.

Test Plan: Test side navigation elements on home, workboards, conpherence, and maniphest

Reviewers: btrahan, epriestley

Reviewed By: epriestley

Subscribers: epriestley, Korvin

Maniphest Tasks: T8099

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

+54 -31
+14 -14
resources/celerity/map.php
··· 7 7 */ 8 8 return array( 9 9 'names' => array( 10 - 'core.pkg.css' => 'e393f792', 10 + 'core.pkg.css' => 'a20ff7f6', 11 11 'core.pkg.js' => 'a590b451', 12 12 'darkconsole.pkg.js' => 'e7393ebb', 13 13 'differential.pkg.css' => '1b36e899', ··· 24 24 'rsrc/css/aphront/multi-column.css' => 'fd18389d', 25 25 'rsrc/css/aphront/notification.css' => '9c279160', 26 26 'rsrc/css/aphront/panel-view.css' => '8427b78d', 27 - 'rsrc/css/aphront/phabricator-nav-view.css' => '0ecd30a1', 27 + 'rsrc/css/aphront/phabricator-nav-view.css' => 'f1982787', 28 28 'rsrc/css/aphront/table-view.css' => 'e3632cc9', 29 29 'rsrc/css/aphront/tokenizer.css' => '04875312', 30 30 'rsrc/css/aphront/tooltip.css' => '7672b60f', ··· 33 33 'rsrc/css/aphront/typeahead.css' => '0e403212', 34 34 'rsrc/css/application/almanac/almanac.css' => 'dbb9b3af', 35 35 'rsrc/css/application/auth/auth.css' => 'dc62cb0e', 36 - 'rsrc/css/application/base/main-menu-view.css' => '3cd48671', 36 + 'rsrc/css/application/base/main-menu-view.css' => '1ca711f1', 37 37 'rsrc/css/application/base/notification-menu.css' => 'f31c0bde', 38 - 'rsrc/css/application/base/phabricator-application-launch-view.css' => '9a233ed6', 39 - 'rsrc/css/application/base/phui-theme.css' => 'd4a49411', 38 + 'rsrc/css/application/base/phabricator-application-launch-view.css' => 'fa820ddf', 39 + 'rsrc/css/application/base/phui-theme.css' => '410368da', 40 40 'rsrc/css/application/base/standard-page-view.css' => '43045fb4', 41 41 'rsrc/css/application/calendar/calendar-icon.css' => 'a95c11a9', 42 42 'rsrc/css/application/chatlog/chatlog.css' => 'f1971c1c', ··· 118 118 'rsrc/css/font/phui-font-icon-base.css' => '3dad2ae3', 119 119 'rsrc/css/layout/phabricator-filetree-view.css' => 'fccf9f82', 120 120 'rsrc/css/layout/phabricator-hovercard-view.css' => '3a8553e7', 121 - 'rsrc/css/layout/phabricator-side-menu-view.css' => '4f2cd343', 121 + 'rsrc/css/layout/phabricator-side-menu-view.css' => '8d13687d', 122 122 'rsrc/css/layout/phabricator-source-code-view.css' => '098e9b75', 123 123 'rsrc/css/phui/calendar/phui-calendar-day.css' => 'd1cf6f93', 124 124 'rsrc/css/phui/calendar/phui-calendar-list.css' => 'c1c7f338', ··· 706 706 'path-typeahead' => 'f7fc67ec', 707 707 'people-profile-css' => '25970776', 708 708 'phabricator-action-list-view-css' => '32c388b3', 709 - 'phabricator-application-launch-view-css' => '9a233ed6', 709 + 'phabricator-application-launch-view-css' => 'fa820ddf', 710 710 'phabricator-busy' => '59a7976a', 711 711 'phabricator-chatlog-css' => 'f1971c1c', 712 712 'phabricator-content-source-view-css' => '4b8b05d4', ··· 724 724 'phabricator-hovercard-view-css' => '3a8553e7', 725 725 'phabricator-keyboard-shortcut' => '1ae869f2', 726 726 'phabricator-keyboard-shortcut-manager' => 'c1700f6f', 727 - 'phabricator-main-menu-view' => '3cd48671', 728 - 'phabricator-nav-view-css' => '0ecd30a1', 727 + 'phabricator-main-menu-view' => '1ca711f1', 728 + 'phabricator-nav-view-css' => 'f1982787', 729 729 'phabricator-notification' => 'ccf1cbf8', 730 730 'phabricator-notification-css' => '9c279160', 731 731 'phabricator-notification-menu-css' => 'f31c0bde', ··· 735 735 'phabricator-remarkup-css' => '359cd31c', 736 736 'phabricator-search-results-css' => '7dea472c', 737 737 'phabricator-shaped-request' => '7cbe244b', 738 - 'phabricator-side-menu-view-css' => '4f2cd343', 738 + 'phabricator-side-menu-view-css' => '8d13687d', 739 739 'phabricator-slowvote-css' => '7c27f0f9', 740 740 'phabricator-source-code-view-css' => '098e9b75', 741 741 'phabricator-standard-page-view' => '43045fb4', ··· 794 794 'phui-status-list-view-css' => '888cedb8', 795 795 'phui-tag-view-css' => '402691cc', 796 796 'phui-text-css' => 'cf019f54', 797 - 'phui-theme-css' => 'd4a49411', 797 + 'phui-theme-css' => '410368da', 798 798 'phui-timeline-view-css' => '47b18876', 799 799 'phui-workboard-view-css' => '0cac51a4', 800 800 'phui-workpanel-view-css' => '4bdc2562', ··· 948 948 'javelin-util', 949 949 'phabricator-keyboard-shortcut-manager', 950 950 ), 951 + '1ca711f1' => array( 952 + 'phui-theme-css', 953 + ), 951 954 '1d298e3a' => array( 952 955 'javelin-install', 953 956 'javelin-util', ··· 1054 1057 'javelin-workflow', 1055 1058 'javelin-util', 1056 1059 'javelin-uri', 1057 - ), 1058 - '3cd48671' => array( 1059 - 'phui-theme-css', 1060 1060 ), 1061 1061 '3ee3408b' => array( 1062 1062 'javelin-behavior',
+6 -1
webroot/rsrc/css/aphront/phabricator-nav-view.css
··· 32 32 white-space: nowrap; 33 33 overflow-x: hidden; 34 34 overflow-y: auto; 35 - padding-top: 8px; 35 + margin-top: 8px; 36 + } 37 + 38 + .phabricator-side-menu-home .phabricator-nav-local { 39 + margin-top: 16px; 36 40 } 37 41 38 42 .phabricator-nav-drag { ··· 74 78 75 79 .device-phone .phabricator-side-menu-home .phabricator-nav-local { 76 80 width: 100%; 81 + padding-top: 0; 77 82 }
+1 -1
webroot/rsrc/css/application/base/main-menu-view.css
··· 67 67 } 68 68 69 69 .device-desktop .phabricator-main-menu-brand:hover { 70 - background-color: rgba(55,55,55,.08); 70 + background-color: rgba(55,55,55,.2); 71 71 cursor: hand; 72 72 } 73 73
+6 -11
webroot/rsrc/css/application/base/phabricator-application-launch-view.css
··· 40 40 41 41 .phabricator-application-launch-icon { 42 42 position: absolute; 43 - width: 28px; 44 - height: 28px; 45 - top: 12px; 46 - left: 6px; 47 - font-size: 20px; 43 + width: 18px; 44 + height: 18px; 45 + top: 8px; 46 + left: 10px; 47 + font-size: 18px; 48 48 text-align: center; 49 49 vertical-align: bottom; 50 50 color: {$darkbluetext}; ··· 52 52 } 53 53 54 54 .device-desktop a.phabricator-application-launch-container:hover { 55 - background-color: rgba(0,0,0,.05); 55 + background-color: rgba(0,0,0,.07); 56 56 text-decoration: none; 57 57 } 58 58 ··· 62 62 color: {$darkbluetext}; 63 63 font-size: 13px; 64 64 margin: 6px 0 2px 38px; 65 - } 66 - 67 - .device-desktop a.phabricator-application-launch-container:hover 68 - .phui-icon-view { 69 - color: {$sky}; 70 65 } 71 66 72 67 .phabricator-application-launch-description {
+5
webroot/rsrc/css/application/base/phui-theme.css
··· 43 43 background-image: none; 44 44 } 45 45 46 + .device-desktop.phui-theme-light .phabricator-main-menu-brand:hover { 47 + background-color: rgba(55,55,55,.08); 48 + cursor: hand; 49 + } 50 + 46 51 /*--- Messages / Notifications -----------------------------------------------*/ 47 52 48 53 .device-desktop .phui-theme-light .alert-notifications:hover .phui-icon-view {
+22 -4
webroot/rsrc/css/layout/phabricator-side-menu-view.css
··· 19 19 } 20 20 21 21 .phabricator-side-menu .phui-list-item-selected { 22 - background-color: {$lightsky}; 23 - border-left: 4px solid {$sky}; 22 + background-color: rgba(0,0,0,.05); 23 + border-left: 4px solid {$blue}; 24 24 border-top-right-radius: 3px; 25 25 border-bottom-right-radius: 3px; 26 + font-weight: bold; 27 + } 28 + 29 + .phabricator-icon-nav .phabricator-side-menu .phui-list-item-selected { 30 + background-color: rgba(0,0,0,.1); 26 31 } 27 32 28 33 .device-desktop .phabricator-side-menu .phui-list-item-selected ··· 45 50 46 51 .device-desktop .phabricator-side-menu a.phui-list-item-href:hover { 47 52 text-decoration: none; 48 - background-color: rgba(0,0,0,.05); 53 + background-color: rgba(0,0,0,.07); 49 54 } 50 55 56 + .device-desktop .phabricator-icon-nav a.phui-list-item-href:hover 57 + .phui-list-item-icon { 58 + color: {$darkbluetext}; 59 + } 60 + 51 61 .device-desktop .phabricator-icon-nav .phabricator-nav-local { 52 62 width: 40px; 63 + margin-top: 16px; 64 + border-color: {$lightblueborder}; 65 + border-width: 1px 1px 1px 0; 66 + border-style: solid; 67 + background-color: #fff; 68 + border-top-right-radius: 3px; 69 + border-bottom-right-radius: 3px; 53 70 } 54 71 55 72 .device-desktop .phabricator-icon-nav .phabricator-nav-content { ··· 69 86 text-align: center; 70 87 vertical-align: bottom; 71 88 text-shadow: {$whitetextshadow}; 89 + color: {$blue}; 72 90 } 73 91 74 92 .phabricator-icon-nav .phabricator-side-menu .phui-list-item-selected { ··· 77 95 78 96 .phabricator-icon-nav .phabricator-side-menu .phui-list-item-selected 79 97 .phui-icon-view { 80 - color: {$sky}; 98 + color: {$darkbluetext}; 81 99 } 82 100 83 101 .phabricator-icon-nav .phui-icon-view.phuihead-small {