mirror of
https://we.phorge.it/source/phorge.git
synced 2024-12-30 01:10:58 +01:00
e478706769
Summary: First cut of an 'info panel' for phabricator. Basic concept is for display a list of items with a bit more info and depth and an object item list. Projects could be a good first example. Test Plan: UIExamples Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D7398
50 lines
874 B
CSS
50 lines
874 B
CSS
/**
|
|
* @provides phui-info-panel-css
|
|
*/
|
|
|
|
.phui-info-panel .phui-object-box .phui-header-has-image {
|
|
padding: 2px 0 0 2px;
|
|
}
|
|
|
|
.phui-info-panel .phui-object-box .phui-header-image {
|
|
margin: 0 8px 0 0;
|
|
}
|
|
|
|
.phui-info-panel-table {
|
|
border-collapse: collapse;
|
|
border-style: hidden;
|
|
width: 100%;
|
|
}
|
|
|
|
.phui-info-panel-table td,
|
|
.phui-info-panel-table th {
|
|
border: 1px solid {$thinblueborder};
|
|
}
|
|
|
|
.phui-info-panel-table-cell {
|
|
padding: 8px;
|
|
}
|
|
|
|
.phui-info-panel-number,
|
|
.phui-info-panel-number a {
|
|
font-size: 30px;
|
|
font-weight: bold;
|
|
color: {$lightgreytext};
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
|
|
.phui-info-panel-text,
|
|
.phui-info-panel-text a {
|
|
color: {$lightgreytext};
|
|
}
|
|
|
|
.phui-info-panel-number a:hover,
|
|
.phui-info-panel-text a:hover {
|
|
color: {$greytext};
|
|
text-decoration: none;
|
|
}
|
|
|
|
.phui-info-panel-progress {
|
|
background: {$green};
|
|
height: 6px;
|
|
}
|