2012-08-15 10:45:06 -07:00
|
|
|
/**
|
2013-09-17 09:12:37 -07:00
|
|
|
* @provides phui-header-view-css
|
2012-08-15 10:45:06 -07:00
|
|
|
*/
|
|
|
|
|
2013-09-17 09:12:37 -07:00
|
|
|
.phui-header-shell {
|
2012-12-11 14:01:35 -08:00
|
|
|
border-width: 1px 0;
|
|
|
|
border-style: solid;
|
2014-06-27 08:28:33 -07:00
|
|
|
border-color: {$hovergrey};
|
2013-07-09 16:23:22 -07:00
|
|
|
overflow: hidden;
|
2012-12-11 14:01:35 -08:00
|
|
|
}
|
|
|
|
|
2015-05-07 14:11:44 -07:00
|
|
|
.phui-header-shell.sprite-gradient.gradient-white-header {
|
|
|
|
background: transparent;
|
|
|
|
}
|
|
|
|
|
2013-09-17 09:12:37 -07:00
|
|
|
body .phui-header-shell.phui-header-no-backgound {
|
2013-09-05 12:29:07 -07:00
|
|
|
background-color: transparent;
|
|
|
|
border: none;
|
|
|
|
}
|
|
|
|
|
2013-09-17 09:12:37 -07:00
|
|
|
body .phui-header-shell.phui-bleed-header {
|
2014-03-06 11:28:24 -08:00
|
|
|
background-color: #fff;
|
|
|
|
border-bottom: 1px solid {$thinblueborder};
|
2013-09-05 12:29:07 -07:00
|
|
|
width: auto;
|
2014-03-06 11:28:24 -08:00
|
|
|
margin: 16px;
|
2013-09-05 12:29:07 -07:00
|
|
|
}
|
|
|
|
|
2013-09-17 09:12:37 -07:00
|
|
|
body .phui-header-shell.phui-bleed-header
|
|
|
|
.phui-header-view {
|
2014-03-06 11:28:24 -08:00
|
|
|
padding: 8px 24px 8px 0;
|
2013-09-10 07:26:00 -07:00
|
|
|
color: {$bluetext};
|
2013-09-05 12:29:07 -07:00
|
|
|
}
|
|
|
|
|
2013-09-17 09:12:37 -07:00
|
|
|
.phui-header-shell + .phabricator-form-view {
|
2012-12-11 14:01:35 -08:00
|
|
|
border-top-width: 0;
|
|
|
|
}
|
|
|
|
|
2013-10-11 07:53:56 -07:00
|
|
|
.phui-property-list-view + .diviner-document-section {
|
2013-09-10 07:26:00 -07:00
|
|
|
margin-top: -1px;
|
|
|
|
}
|
|
|
|
|
2013-09-17 09:12:37 -07:00
|
|
|
.phui-header-view {
|
2013-09-03 07:00:06 -07:00
|
|
|
padding: 16px;
|
2015-05-07 16:34:29 -07:00
|
|
|
font-size: 15px;
|
2015-05-07 21:18:57 -07:00
|
|
|
color: #000;
|
2013-12-03 08:34:04 -08:00
|
|
|
position: relative;
|
2012-08-15 10:45:06 -07:00
|
|
|
}
|
|
|
|
|
[Redesign] New PHUIObjectItemListView
Summary:
New, cleaner, ObjectItemLists. Lots of minor style tweaks, basic overview:
- Remove FootIcons
- Remove Stackable
- Remove Plain List
- Add StatusIcon
- Add setting ObjectList to an ObjectBox
- Minor retouches to Headers
Mostly, this should give us an idea of life with the new Object Lists. I'll take another application by application pass down the road. This mostly looks at implementation in Maniphest, Differential, Audit, Workboards. Checked a few other areas and dialogs while testing, and everything looks square.
Test Plan: Maniphest, Differential, Homepage, Audit, People, and other applications. Drag reorder, etc.
Reviewers: btrahan, epriestley
Reviewed By: epriestley
Subscribers: Korvin, epriestley
Differential Revision: https://secure.phabricator.com/D12865
2015-05-15 13:28:59 -07:00
|
|
|
.phui-object-box .phui-header-tall h1.phui-header-view,
|
|
|
|
.phui-document-view .phui-header-tall h1.phui-header-view {
|
|
|
|
font-size: 18px;
|
|
|
|
font-weight: 500;
|
|
|
|
}
|
|
|
|
|
2014-01-08 12:42:55 -08:00
|
|
|
.phui-header-view a,
|
|
|
|
.phui-header-view a.simple {
|
2013-12-05 07:16:25 -08:00
|
|
|
color: {$darkbluetext};
|
|
|
|
}
|
|
|
|
|
2013-12-03 08:34:04 -08:00
|
|
|
.phui-header-view .phui-header-action-links {
|
2015-01-13 16:10:57 -08:00
|
|
|
float: right;
|
2014-05-08 14:21:32 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
.phui-object-box .phui-header-view .phui-header-action-links {
|
2015-04-12 13:29:27 -07:00
|
|
|
margin-right: 12px;
|
|
|
|
margin-top: 4px;
|
2013-12-03 08:34:04 -08:00
|
|
|
}
|
|
|
|
|
2015-04-12 13:29:27 -07:00
|
|
|
.device-phone .phui-object-box .phui-header-view .phui-header-action-links {
|
|
|
|
margin-right: 4px;
|
|
|
|
margin-top: -1px;
|
2014-03-08 09:02:12 -08:00
|
|
|
}
|
|
|
|
|
2013-12-03 08:34:04 -08:00
|
|
|
.device-phone .phui-header-action-link .phui-button-text {
|
|
|
|
visibility: hidden;
|
|
|
|
width: 0;
|
2014-06-02 21:01:05 -07:00
|
|
|
margin-left: 8px;
|
2013-10-14 09:40:05 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
.phui-header-divider {
|
|
|
|
margin: 0 4px;
|
|
|
|
font-weight: normal;
|
|
|
|
color: {$lightbluetext};
|
|
|
|
}
|
|
|
|
|
2013-09-17 09:12:37 -07:00
|
|
|
body.device-phone .phui-header-view {
|
2013-09-04 11:50:57 -07:00
|
|
|
padding: 12px 8px;
|
|
|
|
}
|
|
|
|
|
2013-09-17 09:12:37 -07:00
|
|
|
.phui-header-tags {
|
2013-01-31 11:49:38 -08:00
|
|
|
margin-left: 12px;
|
Modernize Macro application
Summary: Adds feed, email, notifications, comments, partial editing, subscriptions, enable/disable, flags and crumbs to Macro.
Test Plan:
{F26839}
{F26840}
{F26841}
{F26842}
{F26843}
{F26844}
{F26845}
Reviewers: vrana, btrahan, chad
Reviewed By: vrana
CC: aran
Maniphest Tasks: T2157, T175, T2104
Differential Revision: https://secure.phabricator.com/D4141
2012-12-11 14:01:03 -08:00
|
|
|
font-size: 13px;
|
|
|
|
}
|
2013-01-31 11:49:38 -08:00
|
|
|
|
2014-01-14 14:09:52 -08:00
|
|
|
.phui-header-tags .phui-tag-view {
|
2013-01-31 11:49:38 -08:00
|
|
|
margin-left: 4px;
|
|
|
|
}
|
2013-07-09 16:23:22 -07:00
|
|
|
|
2013-09-17 09:12:37 -07:00
|
|
|
.phui-header-image {
|
2013-07-09 16:23:22 -07:00
|
|
|
display: inline-block;
|
|
|
|
background-repeat: no-repeat;
|
2015-05-13 08:14:47 -07:00
|
|
|
background-size: 100%;
|
2015-01-05 10:33:42 -08:00
|
|
|
border: 2px solid white;
|
2013-07-09 16:23:22 -07:00
|
|
|
width: 50px;
|
|
|
|
height: 50px;
|
|
|
|
margin: 12px;
|
|
|
|
float: left;
|
2015-01-05 10:33:42 -08:00
|
|
|
border-radius: 2px;
|
2013-07-09 16:23:22 -07:00
|
|
|
}
|
|
|
|
|
2013-09-17 09:12:37 -07:00
|
|
|
.phui-header-subheader {
|
2013-07-09 16:23:22 -07:00
|
|
|
font-weight: normal;
|
2015-01-05 10:33:42 -08:00
|
|
|
font-size: 14px;
|
|
|
|
margin-top: 6px;
|
2013-07-09 16:23:22 -07:00
|
|
|
}
|
2013-09-17 09:12:37 -07:00
|
|
|
|
2014-05-18 16:10:54 -07:00
|
|
|
.phui-header-subheader .phui-icon-view {
|
2013-09-17 09:12:37 -07:00
|
|
|
display: inline-block;
|
|
|
|
margin: -2px 4px -2px 0;
|
2015-01-05 10:33:42 -08:00
|
|
|
font-size: 15px;
|
2013-09-17 09:12:37 -07:00
|
|
|
}
|
|
|
|
|
2015-01-05 10:33:42 -08:00
|
|
|
.phui-header-subheader,
|
2013-09-17 09:12:37 -07:00
|
|
|
.phui-header-subheader .policy-link {
|
2015-01-05 10:33:42 -08:00
|
|
|
color: {$darkbluetext};
|
2013-09-17 09:12:37 -07:00
|
|
|
}
|
2013-09-24 08:42:04 -07:00
|
|
|
|
|
|
|
.phui-header-subheader .phui-header-status-dark {
|
2015-01-05 11:19:01 -08:00
|
|
|
color: {$indigo};
|
2013-09-24 08:42:04 -07:00
|
|
|
text-shadow: 0 1px #fff;
|
|
|
|
}
|
|
|
|
|
2015-01-05 11:19:01 -08:00
|
|
|
.phui-header-subheader .phui-header-status-dark .phui-icon-view {
|
|
|
|
color: {$indigo};
|
|
|
|
}
|
|
|
|
|
2013-09-24 08:42:04 -07:00
|
|
|
.phui-header-subheader .phui-header-status-red {
|
|
|
|
color: {$red};
|
|
|
|
}
|
|
|
|
|
|
|
|
.phui-header-subheader .phui-header-status-green {
|
|
|
|
color: {$green};
|
|
|
|
}
|
2015-01-12 07:24:35 -08:00
|
|
|
|
|
|
|
.phui-header-action-links .phui-mobile-menu {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.device .phui-header-action-links .phui-mobile-menu {
|
|
|
|
display: inline-block;
|
|
|
|
}
|