revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2025-01-01 02:10:59 +01:00
Code Issues Releases Wiki Activity

Minor visual updates to applications.

Browse source 
Summary: Cleaned up spacing, added active state, tightened up radii.

Test Plan: Review in browser

Reviewers: epriestley, btrahan

Reviewed By: btrahan

CC: aran, Korvin

Differential Revision: https://secure.phabricator.com/D4129
This commit is contained in:
Chad Little 2012-12-08 17:03:33 -08:00
parent ee48330579
commit a8b84a26fe
2 changed files with 22 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/__celerity_resource_map__.php
View file

@ -2383,7 +2383,7 @@ celerity_register_resource_map(array(
), ),
'phabricator-application-launch-view-css' => 'phabricator-application-launch-view-css' =>
array( array(
'uri' => '/res/e33ff570/rsrc/css/application/base/phabricator-application-launch-view.css', 'uri' => '/res/464720b1/rsrc/css/application/base/phabricator-application-launch-view.css',
'type' => 'css', 'type' => 'css',
'requires' => 'requires' =>
array( array(

36
webroot/rsrc/css/application/base/phabricator-application-launch-view.css
View file

@ -11,7 +11,7 @@
/* On desktops, put some space around the whole grid. */ /* On desktops, put some space around the whole grid. */
.device-desktop .phabricator-application-list { .device-desktop .phabricator-application-list {
padding: .5em; padding: 0 0 20px 20px;
} }
/* On tablets, show two columns in the center. */ /* On tablets, show two columns in the center. */
@ -30,31 +30,34 @@
a.phabricator-application-launch-container { a.phabricator-application-launch-container {
display: inline-block; display: inline-block;
width: 200px; width: 220px;
min-height: 90px; min-height: 90px;
padding: 5px 15px 5px 90px; padding: 12px 15px 10px 75px;
margin: 3px 6px; margin: 3px 6px;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
text-decoration: none; text-decoration: none;
border: 1px solid #737373; border: 1px solid #a7a8aa;
background-color: #f3f3f3; background-color: #f3f3f3;
border-radius: 4px; border-radius: 3px;
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.10), box-shadow: 0px 1px 2px #ccc;
inset -1px -1px 2px rgba(0, 0, 0, 0.15);
} }
a.phabricator-application-launch-container:hover { a.phabricator-application-launch-container:hover {
text-decoration: none; text-decoration: none;
} }
a.phabricator-application-launch-container:active {
box-shadow: inset 0 0px 3px rgba(0, 0, 0, 0.9);
}
/* The hover effect looks awful on phones/tablets when scrolling. */ /* The hover effect looks awful on phones/tablets when scrolling. */
.device-desktop a.phabricator-application-launch-container:hover { .device-desktop a.phabricator-application-launch-container:hover {
background-color: #3875d7; background-color: #638ed3;
border-color: #223366; border-color: #0a1d59;
color: #eeeeee; color: #fff;
} }
.phabricator-application-launch-name, .phabricator-application-launch-name,
@ -66,7 +69,7 @@ a.phabricator-application-launch-container:hover {
.phabricator-application-launch-icon { .phabricator-application-launch-icon {
display: block; display: block;
position: absolute; position: absolute;
left: 15px; left: 10px;
top: 10px; top: 10px;
width: 56px; width: 56px;
height: 56px; height: 56px;
@ -75,10 +78,13 @@ a.phabricator-application-launch-container:hover {
.phabricator-application-launch-name { .phabricator-application-launch-name {
font-weight: bold; font-weight: bold;
font-size: 14px;
padding-bottom: 2px
} }
.phabricator-application-launch-description { .phabricator-application-launch-description {
color: #666666; color: #888;
font-size: 12px
} }
.device-desktop a.phabricator-application-launch-container:hover .device-desktop a.phabricator-application-launch-container:hover
@ -133,13 +139,13 @@ a.phabricator-application-launch-container:hover {
} }
.phabricator-application-status-type-needs { .phabricator-application-status-type-needs {
background-image: url(/rsrc/image/appstatus_needs.png); background-image: url(/res/2c1e193b/rsrc/image/appstatus_needs.png);
} }
.phabricator-application-status-type-empty { .phabricator-application-status-type-empty {
background-image: url(/rsrc/image/appstatus_empty.png); background-image: url(/res/2f8102e0/rsrc/image/appstatus_empty.png);
} }
.phabricator-application-status-type-info { .phabricator-application-status-type-info {
background-image: url(/rsrc/image/appstatus_info.png); background-image: url(/res/407de6da/rsrc/image/appstatus_info.png);
} }