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.

Flatten button colors, remove black

Summary:
Simplifies buttons states and colors.

{F390327}

Test Plan: Visited many pages. Seems like I didn't break anything. IE, Safari, FF, Chrome.

Reviewers: btrahan, epriestley

Reviewed By: epriestley

Subscribers: Korvin, epriestley

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

Chad Little ec3f3458 e11f0b6c

+23 -52
+3 -3
resources/celerity/map.php
··· 7 7 */ 8 8 return array( 9 9 'names' => array( 10 - 'core.pkg.css' => 'fabe73f9', 10 + 'core.pkg.css' => '82833797', 11 11 'core.pkg.js' => '59d01bb7', 12 12 'darkconsole.pkg.js' => 'e7393ebb', 13 13 'differential.pkg.css' => '3500921f', ··· 127 127 'rsrc/css/phui/phui-action-list.css' => '4f4d09f2', 128 128 'rsrc/css/phui/phui-action-panel.css' => '3ee9afd5', 129 129 'rsrc/css/phui/phui-box.css' => '7b3a2eed', 130 - 'rsrc/css/phui/phui-button.css' => 'f780e520', 130 + 'rsrc/css/phui/phui-button.css' => '0e41a3ce', 131 131 'rsrc/css/phui/phui-crumbs-view.css' => '594d719e', 132 132 'rsrc/css/phui/phui-document.css' => '94d5dcd8', 133 133 'rsrc/css/phui/phui-feed-story.css' => 'c9f3a0b5', ··· 778 778 'phui-action-header-view-css' => '89c497e7', 779 779 'phui-action-panel-css' => '3ee9afd5', 780 780 'phui-box-css' => '7b3a2eed', 781 - 'phui-button-css' => 'f780e520', 781 + 'phui-button-css' => '0e41a3ce', 782 782 'phui-calendar-css' => '8675968e', 783 783 'phui-calendar-day-css' => 'de035c8a', 784 784 'phui-calendar-list-css' => 'c1d0ca59',
+1 -2
src/applications/uiexample/examples/PHUIButtonExample.php
··· 14 14 $request = $this->getRequest(); 15 15 $user = $request->getUser(); 16 16 17 - $colors = array('', 'green', 'grey', 'black', 'disabled'); 17 + $colors = array('', 'green', 'grey', 'disabled'); 18 18 $sizes = array('', 'small'); 19 19 $tags = array('a', 'button'); 20 20 ··· 69 69 $colors = array(null, 70 70 PHUIButtonView::GREEN, 71 71 PHUIButtonView::GREY, 72 - PHUIButtonView::BLACK, 73 72 PHUIButtonView::DISABLED, 74 73 ); 75 74 $sizes = array(null, PHUIButtonView::SMALL);
-1
src/view/phui/PHUIButtonView.php
··· 4 4 5 5 const GREEN = 'green'; 6 6 const GREY = 'grey'; 7 - const BLACK = 'black'; 8 7 const DISABLED = 'disabled'; 9 8 10 9 const SIMPLE = 'simple';
+19 -46
webroot/rsrc/css/phui/phui-button.css
··· 26 26 a.button, 27 27 a.button:visited, 28 28 input[type="submit"] { 29 - background-color: #3477ad; 29 + background-color: {$blue}; 30 + border: 1px solid {$blue}; 30 31 color: white; 31 - border: 1px solid #19558D; 32 32 cursor: pointer; 33 33 font-weight: bold; 34 34 font-size: 13px; 35 35 display: inline-block; 36 - padding: 3px 12px 4px; 36 + padding: 4px 14px 5px; 37 37 text-align: center; 38 38 white-space: nowrap; 39 39 border-radius: 3px; 40 - background-image: linear-gradient(to bottom, #3b86c4, #2b628f); 41 - background-image: -webkit-linear-gradient(top, #3b86c4, #2b628f); 42 40 } 43 41 44 42 /* Buttons with images (full size only) */ ··· 50 48 text-indent: 29px; 51 49 } 52 50 53 - button.black, 54 - a.black, 55 - a.black:visited { 56 - background-color: #383838; 57 - background-image: linear-gradient(to bottom, #505d65, #2d373c); 58 - background-image: -webkit-linear-gradient(top, #505d65, #2d373c); 59 - border: 1px solid {$darkgreytext}; 60 - border-bottom-color: #000; 61 - } 62 - 63 51 button.green, 64 52 a.green, 65 53 a.green:visited { 66 - background-color: #348e20; 67 - background-image: linear-gradient(to bottom, #4e9b33, #158009); 68 - background-image: -webkit-linear-gradient(top, #4e9b33, #158009); 69 - border: 1px solid #3b6e22; 70 - border-bottom-color: #2c5a15; 54 + background-color: {$green}; 55 + border-color: {$green}; 71 56 } 72 57 73 58 button.grey, ··· 75 60 a.grey, 76 61 a.grey:visited { 77 62 background-color: {$lightgreybackground}; 78 - background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); 79 - background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); 80 63 border-color: {$lightgreyborder}; 81 64 color: {$darkgreytext}; 82 - border-bottom-color: {$greyborder}; 83 65 } 84 66 85 67 button.simple, ··· 102 84 opacity: 0.5; 103 85 } 104 86 105 - body button:active, 106 - body a.button:active { 107 - box-shadow: inset 0 0 4px rgba(0,0,0,.4); 108 - } 109 - 110 - button.grey:active, 111 - a.grey:active, 112 - button.grey_active, 113 - a.button.phuix-dropdown-open { 114 - background-color: #7d7d7d; 115 - box-shadow: inset 0 0 4px rgba(0,0,0,.2); 116 - } 117 - 118 87 a.phuix-dropdown-open { 119 88 color: {$greytext}; 120 89 } ··· 122 91 a.button:hover, 123 92 button:hover { 124 93 text-decoration: none; 125 - box-shadow: inset 0 0 5px rgba(0,0,0,.4); 94 + background-color: {$sky}; 95 + } 96 + 97 + a.button.grey:hover, 98 + button.grey:hover { 99 + background-color: #fff; 100 + } 101 + 102 + a.button.green:hover, 103 + button.green:hover { 104 + background-color: #0DAD48; 126 105 } 127 106 128 107 a.button.simple:hover, ··· 142 121 a.button.simple.phuix-dropdown-open { 143 122 background-color: #fff; 144 123 box-shadow: none; 145 - } 146 - 147 - a.button.grey:hover, 148 - button.grey:hover { 149 - text-decoration: none; 150 - box-shadow: inset 0 0 4px rgba(0,0,0,.2); 151 124 } 152 125 153 126 body a.button.disabled:hover, ··· 280 253 281 254 .dropdown .caret { 282 255 margin-top: 7px; 283 - margin-left: 4px; 256 + margin-left: 6px; 284 257 } 285 258 286 259 .small.dropdown .caret { ··· 299 272 .button .phui-icon-view { 300 273 display: inline-block; 301 274 position: absolute; 302 - top: 5px; 275 + top: 6px; 303 276 left: 10px; 304 277 } 305 278 ··· 308 281 } 309 282 310 283 .button.has-icon .phui-button-text { 311 - margin-left: 16px; 284 + margin-left: 14px; 312 285 } 313 286 314 287 /* Login Buttons */