revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-20 04:20:55 +01:00
Code Issues Releases Wiki Activity

Minor, increase spacing on buttons

Browse source 
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
This commit is contained in:
Chad Little 2014-11-20 17:05:32 -08:00
parent d908e76733
commit ff7a514af3
2 changed files with 13 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
resources/celerity/map.php
View file

@ -7,7 +7,7 @@
*/ */
return array( return array(
'names' => array( 'names' => array(
'core.pkg.css' => '673d0a25', 'core.pkg.css' => '16b54ea0',
'core.pkg.js' => 'e5f7f2ba', 'core.pkg.js' => 'e5f7f2ba',
'darkconsole.pkg.js' => 'df001cab', 'darkconsole.pkg.js' => 'df001cab',
'differential.pkg.css' => '8af45893', 'differential.pkg.css' => '8af45893',
@ -122,7 +122,7 @@ return array(
'rsrc/css/phui/phui-action-header-view.css' => '89c497e7', 'rsrc/css/phui/phui-action-header-view.css' => '89c497e7',
'rsrc/css/phui/phui-action-list.css' => '9ee9910a', 'rsrc/css/phui/phui-action-list.css' => '9ee9910a',
'rsrc/css/phui/phui-box.css' => '7b3a2eed', 'rsrc/css/phui/phui-box.css' => '7b3a2eed',
'rsrc/css/phui/phui-button.css' => 'c7412aa1', 'rsrc/css/phui/phui-button.css' => 'd5fe9ce8',
'rsrc/css/phui/phui-document.css' => 'a5615198', 'rsrc/css/phui/phui-document.css' => 'a5615198',
'rsrc/css/phui/phui-feed-story.css' => 'dd3c5ff5', 'rsrc/css/phui/phui-feed-story.css' => 'dd3c5ff5',
'rsrc/css/phui/phui-fontkit.css' => '9c3d2dce', 'rsrc/css/phui/phui-fontkit.css' => '9c3d2dce',
@ -766,7 +766,7 @@ return array(
'phriction-document-css' => '7d7f0071', 'phriction-document-css' => '7d7f0071',
'phui-action-header-view-css' => '89c497e7', 'phui-action-header-view-css' => '89c497e7',
'phui-box-css' => '7b3a2eed', 'phui-box-css' => '7b3a2eed',
'phui-button-css' => 'c7412aa1', 'phui-button-css' => 'd5fe9ce8',
'phui-calendar-css' => '8675968e', 'phui-calendar-css' => '8675968e',
'phui-calendar-day-css' => 'de035c8a', 'phui-calendar-day-css' => 'de035c8a',
'phui-calendar-list-css' => 'c1d0ca59', 'phui-calendar-list-css' => 'c1d0ca59',

27
webroot/rsrc/css/phui/phui-button.css
View file

@ -6,6 +6,11 @@
button, button,
a.button { a.button {
font: 13px/1.231 'Helvetica Neue', Helvetica, Arial, sans-serif; font: 13px/1.231 'Helvetica Neue', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
} }
button, button,
@ -14,13 +19,12 @@ a.button:visited,
input[type="submit"] { input[type="submit"] {
background-color: #3477ad; background-color: #3477ad;
color: white; color: white;
text-shadow: 0 -1px rgba(0,0,0,0.75);
border: 1px solid #19558D; border: 1px solid #19558D;
cursor: pointer; cursor: pointer;
font-weight: bold; font-weight: bold;
font-size: 13px; font-size: 13px;
display: inline-block; display: inline-block;
padding: 3px 10px 4px; padding: 3px 12px 4px;
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
border-radius: 3px; border-radius: 3px;
@ -67,7 +71,6 @@ a.grey:visited {
border-color: {$lightgreyborder}; border-color: {$lightgreyborder};
color: {$darkgreytext}; color: {$darkgreytext};
border-bottom-color: {$greyborder}; border-bottom-color: {$greyborder};
text-shadow: none;
} }
button.simple, button.simple,
@ -79,7 +82,6 @@ a.simple:visited {
border: 1px solid transparent; border: 1px solid transparent;
color: {$bluetext}; color: {$bluetext};
border: 1px solid {$lightblueborder}; border: 1px solid {$lightblueborder};
text-shadow: 0 1px #fff;
} }
a.disabled, a.disabled,
@ -120,7 +122,6 @@ button.simple:hover {
border: 1px solid {$lightgreyborder}; border: 1px solid {$lightgreyborder};
background-image: none; background-image: none;
border-bottom: 1px solid {$greyborder}; border-bottom: 1px solid {$greyborder};
text-shadow: none;
box-shadow: none; box-shadow: none;
} }
@ -145,7 +146,7 @@ body button.disabled:active {
button.small, button.small,
a.small, a.small,
a.small:visited { a.small:visited {
padding: 2px 7px; padding: 2px 8px;
height: auto; height: auto;
font-size: 11px; font-size: 11px;
line-height: 16px; line-height: 16px;
@ -161,7 +162,6 @@ button.link {
font-size: inherit; font-size: inherit;
border-bottom: none; border-bottom: none;
text-decoration: none; text-decoration: none;
text-shadow: none;
color: #19558D; color: #19558D;
-webkit-box-shadow: none; -webkit-box-shadow: none;
-moz-box-shadow: none; -moz-box-shadow: none;
@ -200,13 +200,6 @@ a.policy-control .caret {
float: right; float: right;
} }
a.policy-control span.phui-icon-view {
/* NOTE: Nudge these icons a little bit. Should this be for all
dropdown buttons? */
top: 4px;
left: 7px;
}
a.toggle { a.toggle {
display: inline-block; display: inline-block;
padding: 4px 8px; padding: 4px 8px;
@ -293,11 +286,11 @@ a.toggle-fixed {
display: inline-block; display: inline-block;
position: absolute; position: absolute;
top: 5px; top: 5px;
left: 8px; left: 10px;
} }
.phui-button-bar .button .phui-icon-view { .phui-button-bar .button .phui-icon-view {
left: 11px; left: 12px;
} }
.button.has-icon .phui-button-text { .button.has-icon .phui-button-text {
@ -313,7 +306,7 @@ a.toggle-fixed {
} }
.button.big.has-icon .phui-button-text { .button.big.has-icon .phui-button-text {
margin-left: 36px; margin-left: 40px;
font-size: 14px; font-size: 14px;
display: block; display: block;
} }