revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-10 08:52:39 +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' =>
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',
'requires' =>
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. */
.device-desktop .phabricator-application-list {
padding: .5em;
padding: 0 0 20px 20px;
}
/* On tablets, show two columns in the center. */
@ -30,31 +30,34 @@
a.phabricator-application-launch-container {
display: inline-block;
width: 200px;
width: 220px;
min-height: 90px;
padding: 5px 15px 5px 90px;
padding: 12px 15px 10px 75px;
margin: 3px 6px;
overflow: hidden;
position: relative;
text-decoration: none;
border: 1px solid #737373;
border: 1px solid #a7a8aa;
background-color: #f3f3f3;
border-radius: 4px;
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.10),
inset -1px -1px 2px rgba(0, 0, 0, 0.15);
border-radius: 3px;
box-shadow: 0px 1px 2px #ccc;
}
a.phabricator-application-launch-container:hover {
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. */
.device-desktop a.phabricator-application-launch-container:hover {
background-color: #3875d7;
border-color: #223366;
color: #eeeeee;
background-color: #638ed3;
border-color: #0a1d59;
color: #fff;
}
.phabricator-application-launch-name,
@ -66,7 +69,7 @@ a.phabricator-application-launch-container:hover {
.phabricator-application-launch-icon {
display: block;
position: absolute;
left: 15px;
left: 10px;
top: 10px;
width: 56px;
height: 56px;
@ -75,10 +78,13 @@ a.phabricator-application-launch-container:hover {
.phabricator-application-launch-name {
font-weight: bold;
font-size: 14px;
padding-bottom: 2px
}
.phabricator-application-launch-description {
color: #666666;
color: #888;
font-size: 12px
}
.device-desktop a.phabricator-application-launch-container:hover
@ -133,13 +139,13 @@ a.phabricator-application-launch-container:hover {
}
.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 {
background-image: url(/rsrc/image/appstatus_empty.png);
background-image: url(/res/2f8102e0/rsrc/image/appstatus_empty.png);
}
.phabricator-application-status-type-info {
background-image: url(/rsrc/image/appstatus_info.png);
background-image: url(/res/407de6da/rsrc/image/appstatus_info.png);
}