@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.

Minor, increase spacing on buttons

Summary: Increase space, other visual polish

Test Plan: Check UIExamples on buttons and button bar. View policy controls.

Reviewers: btrahan, epriestley

Reviewed By: epriestley

Subscribers: Korvin, epriestley

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

+13 -20
+3 -3
resources/celerity/map.php
··· 7 7 */ 8 8 return array( 9 9 'names' => array( 10 - 'core.pkg.css' => '673d0a25', 10 + 'core.pkg.css' => '16b54ea0', 11 11 'core.pkg.js' => 'e5f7f2ba', 12 12 'darkconsole.pkg.js' => 'df001cab', 13 13 'differential.pkg.css' => '8af45893', ··· 122 122 'rsrc/css/phui/phui-action-header-view.css' => '89c497e7', 123 123 'rsrc/css/phui/phui-action-list.css' => '9ee9910a', 124 124 'rsrc/css/phui/phui-box.css' => '7b3a2eed', 125 - 'rsrc/css/phui/phui-button.css' => 'c7412aa1', 125 + 'rsrc/css/phui/phui-button.css' => 'd5fe9ce8', 126 126 'rsrc/css/phui/phui-document.css' => 'a5615198', 127 127 'rsrc/css/phui/phui-feed-story.css' => 'dd3c5ff5', 128 128 'rsrc/css/phui/phui-fontkit.css' => '9c3d2dce', ··· 766 766 'phriction-document-css' => '7d7f0071', 767 767 'phui-action-header-view-css' => '89c497e7', 768 768 'phui-box-css' => '7b3a2eed', 769 - 'phui-button-css' => 'c7412aa1', 769 + 'phui-button-css' => 'd5fe9ce8', 770 770 'phui-calendar-css' => '8675968e', 771 771 'phui-calendar-day-css' => 'de035c8a', 772 772 'phui-calendar-list-css' => 'c1d0ca59',
+10 -17
webroot/rsrc/css/phui/phui-button.css
··· 6 6 button, 7 7 a.button { 8 8 font: 13px/1.231 'Helvetica Neue', Helvetica, Arial, sans-serif; 9 + -webkit-font-smoothing: antialiased; 10 + -webkit-user-select: none; 11 + -moz-user-select: none; 12 + -ms-user-select: none; 13 + user-select: none; 9 14 } 10 15 11 16 button, ··· 14 19 input[type="submit"] { 15 20 background-color: #3477ad; 16 21 color: white; 17 - text-shadow: 0 -1px rgba(0,0,0,0.75); 18 22 border: 1px solid #19558D; 19 23 cursor: pointer; 20 24 font-weight: bold; 21 25 font-size: 13px; 22 26 display: inline-block; 23 - padding: 3px 10px 4px; 27 + padding: 3px 12px 4px; 24 28 text-align: center; 25 29 white-space: nowrap; 26 30 border-radius: 3px; ··· 67 71 border-color: {$lightgreyborder}; 68 72 color: {$darkgreytext}; 69 73 border-bottom-color: {$greyborder}; 70 - text-shadow: none; 71 74 } 72 75 73 76 button.simple, ··· 79 82 border: 1px solid transparent; 80 83 color: {$bluetext}; 81 84 border: 1px solid {$lightblueborder}; 82 - text-shadow: 0 1px #fff; 83 85 } 84 86 85 87 a.disabled, ··· 120 122 border: 1px solid {$lightgreyborder}; 121 123 background-image: none; 122 124 border-bottom: 1px solid {$greyborder}; 123 - text-shadow: none; 124 125 box-shadow: none; 125 126 } 126 127 ··· 145 146 button.small, 146 147 a.small, 147 148 a.small:visited { 148 - padding: 2px 7px; 149 + padding: 2px 8px; 149 150 height: auto; 150 151 font-size: 11px; 151 152 line-height: 16px; ··· 161 162 font-size: inherit; 162 163 border-bottom: none; 163 164 text-decoration: none; 164 - text-shadow: none; 165 165 color: #19558D; 166 166 -webkit-box-shadow: none; 167 167 -moz-box-shadow: none; ··· 200 200 float: right; 201 201 } 202 202 203 - a.policy-control span.phui-icon-view { 204 - /* NOTE: Nudge these icons a little bit. Should this be for all 205 - dropdown buttons? */ 206 - top: 4px; 207 - left: 7px; 208 - } 209 - 210 203 a.toggle { 211 204 display: inline-block; 212 205 padding: 4px 8px; ··· 293 286 display: inline-block; 294 287 position: absolute; 295 288 top: 5px; 296 - left: 8px; 289 + left: 10px; 297 290 } 298 291 299 292 .phui-button-bar .button .phui-icon-view { 300 - left: 11px; 293 + left: 12px; 301 294 } 302 295 303 296 .button.has-icon .phui-button-text { ··· 313 306 } 314 307 315 308 .button.big.has-icon .phui-button-text { 316 - margin-left: 36px; 309 + margin-left: 40px; 317 310 font-size: 14px; 318 311 display: block; 319 312 }