mirror of
https://we.phorge.it/source/phorge.git
synced 2024-12-29 08:50:58 +01:00
d61ac3468b
Summary: Initial pass at an action header. The idea is to support current and future planned needs in 'headers' with various colors and icons. The overall goal here is to keep markup light and allow other classes to wrap and extend with more specific features. Test Plan: Tested UIExamples and Workboards. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin, AnhNhan Differential Revision: https://secure.phabricator.com/D5585
58 lines
1.2 KiB
CSS
58 lines
1.2 KiB
CSS
/**
|
|
* @provides phabricator-action-header-view-css
|
|
*/
|
|
|
|
.phabricator-action-header {
|
|
padding: 0 5px 0 8px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.phabricator-action-header-title {
|
|
color: #333;
|
|
float: left;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
line-height: 15px;
|
|
padding: 8px 0;
|
|
text-shadow: 0 1px 1px #fff;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.phabricator-action-header-icon-list {
|
|
float: right;
|
|
padding-top: 4px;
|
|
}
|
|
|
|
.phabricator-action-header-icon-item {
|
|
float: right;
|
|
padding-left: 2px;
|
|
}
|
|
|
|
.phabricator-action-header-icon-item .phabricator-tag-view {
|
|
margin: 4px 2px 0;
|
|
}
|
|
|
|
.phabricator-action-header-link {
|
|
color: #333;
|
|
}
|
|
|
|
.gradient-green-header .phabricator-action-header-title,
|
|
.gradient-red-header .phabricator-action-header-title,
|
|
.gradient-blue-header .phabricator-action-header-title,
|
|
.gradient-yellow-header .phabricator-action-header-title,
|
|
.gradient-green-header .phabricator-action-header-link,
|
|
.gradient-red-header .phabricator-action-header-link,
|
|
.gradient-blue-header .phabricator-action-header-link,
|
|
.gradient-yellow-header .phabricator-action-header-link {
|
|
color: #fff;
|
|
text-shadow: 0 -1px 1px rgba(0,0,0,.5);
|
|
}
|
|
|
|
.phabricator-action-header-title span {
|
|
float: left;
|
|
height: 16px;
|
|
width: 16px;
|
|
margin-right: 4px;
|
|
}
|
|
|
|
|