2013-09-29 00:55:38 +02:00
|
|
|
/**
|
|
|
|
|
* @provides phui-object-box-css
|
|
|
|
|
*/
|
|
|
|
|
|
2015-04-12 22:29:27 +02:00
|
|
|
.phui-object-box {
|
|
|
|
|
position: relative;
|
2015-05-07 23:11:44 +02:00
|
|
|
padding: 12px 12px 4px 12px;
|
2015-04-12 22:29:27 +02:00
|
|
|
}
|
|
|
|
|
|
2015-05-20 08:14:22 +02:00
|
|
|
.phui-object-box.phui-object-box-collapsed {
|
|
|
|
|
padding: 12px 0 0 0;
|
|
|
|
|
}
|
|
|
|
|
|
[Redesign] Mobile/Phone design pass
Summary: Ref T8099, Quick descent pass at making header, object lists, tables, filter view, mobile friendly.
Test Plan:
Test home, differential diff, maniphest task, new task, search, and a few other views.
{F414034}
Reviewers: btrahan, epriestley
Reviewed By: epriestley
Subscribers: Korvin, epriestley
Maniphest Tasks: T8099
Differential Revision: https://secure.phabricator.com/D12984
2015-05-23 02:52:51 +02:00
|
|
|
.device-phone .phui-object-box.phui-object-box-collapsed {
|
|
|
|
|
padding: 8px 0 0 0;
|
|
|
|
|
}
|
|
|
|
|
|
2015-05-20 08:14:22 +02:00
|
|
|
.phui-object-box.phui-object-box-collapsed .phui-header-shell {
|
2015-05-22 17:22:25 +02:00
|
|
|
padding: 0 8px 12px 16px;
|
2015-05-20 08:14:22 +02:00
|
|
|
}
|
|
|
|
|
|
[Redesign] Mobile/Phone design pass
Summary: Ref T8099, Quick descent pass at making header, object lists, tables, filter view, mobile friendly.
Test Plan:
Test home, differential diff, maniphest task, new task, search, and a few other views.
{F414034}
Reviewers: btrahan, epriestley
Reviewed By: epriestley
Subscribers: Korvin, epriestley
Maniphest Tasks: T8099
Differential Revision: https://secure.phabricator.com/D12984
2015-05-23 02:52:51 +02:00
|
|
|
.device-phone .phui-object-box.phui-object-box-collapsed .phui-header-shell {
|
|
|
|
|
padding: 0 8px 8px;
|
|
|
|
|
}
|
|
|
|
|
|
2014-02-24 19:04:23 +01:00
|
|
|
div.phui-object-box.phui-object-box-flush {
|
2013-09-29 00:55:38 +02:00
|
|
|
margin-top: 0;
|
|
|
|
|
}
|
|
|
|
|
|
2015-03-01 23:45:56 +01:00
|
|
|
.phui-object-box .phui-header-shell + .phui-info-view {
|
2015-05-08 18:38:46 +02:00
|
|
|
margin: 12px 0 0 0;
|
2013-09-29 00:55:38 +02:00
|
|
|
}
|
|
|
|
|
|
[Redesign] Add Table, Collapse support to ObjectBox
Summary: Converts most all tables to be directly set via `setTable` to an ObjectBox. I think this path is more flexible design wise, as we can change the box based on children, and not just CSS. We also already do this with PropertyList, Forms, ObjectList, and Header. `setCollapsed` is added to ObjectBox to all children objects to bleed to the edges (like diffs).
Test Plan: I did a grep of `appendChild($table)` as well as searches for `PHUIObjectBoxView`, also with manual opening of hundreds of files. I'm sure I missed 5-8 places. If you just appendChild($table) nothing breaks, it just looks a little funny.
Reviewers: epriestley, btrahan
Subscribers: Korvin, epriestley
Differential Revision: https://secure.phabricator.com/D12955
2015-05-20 21:43:34 +02:00
|
|
|
.phui-object-box.phui-object-box-collapsed
|
|
|
|
|
.phui-header-shell + .phui-info-view {
|
|
|
|
|
margin: 0;
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
border: 0;
|
|
|
|
|
border-bottom: 1px solid {$thinblueborder};
|
|
|
|
|
}
|
|
|
|
|
|
2013-09-29 16:26:39 +02:00
|
|
|
.device-phone .phui-object-box {
|
[Redesign] Mobile/Phone design pass
Summary: Ref T8099, Quick descent pass at making header, object lists, tables, filter view, mobile friendly.
Test Plan:
Test home, differential diff, maniphest task, new task, search, and a few other views.
{F414034}
Reviewers: btrahan, epriestley
Reviewed By: epriestley
Subscribers: Korvin, epriestley
Maniphest Tasks: T8099
Differential Revision: https://secure.phabricator.com/D12984
2015-05-23 02:52:51 +02:00
|
|
|
margin: 8px;
|
|
|
|
|
padding: 8px 8px 4px 8px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.device-phone .phui-object-box .phui-header-shell {
|
2015-05-27 18:49:54 +02:00
|
|
|
padding: 4px 0 12px 4px;
|
2013-09-29 16:26:39 +02:00
|
|
|
}
|
2014-06-24 18:39:32 +02:00
|
|
|
|
2015-05-23 20:01:29 +02:00
|
|
|
.device-tablet .phui-object-box {
|
|
|
|
|
margin: 8px 8px 0 8px;
|
|
|
|
|
}
|
|
|
|
|
|
2016-03-12 22:02:32 +01:00
|
|
|
.phui-object-box .phui-header-header .phui-tag-view {
|
|
|
|
|
margin-left: 8px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.phui-object-box .phui-header-header .phui-tag-core {
|
|
|
|
|
border-color: transparent;
|
|
|
|
|
padding: 1px 6px;
|
|
|
|
|
font-size: {$normalfontsize};
|
|
|
|
|
}
|
|
|
|
|
|
2015-05-20 01:47:48 +02:00
|
|
|
/* - Object Box Colors ------------------------------------------------------ */
|
|
|
|
|
|
|
|
|
|
.phui-box-border.phui-object-box-green {
|
|
|
|
|
border: 1px solid {$green};
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.phui-box-border.phui-object-box-green .phui-header-view {
|
|
|
|
|
color: {$green};
|
2014-06-24 18:39:32 +02:00
|
|
|
}
|
|
|
|
|
|
2015-05-20 01:47:48 +02:00
|
|
|
.phui-box-border.phui-object-box-green .phui-header-shell {
|
|
|
|
|
border-bottom-color: {$lightgreen};
|
2014-06-24 18:39:32 +02:00
|
|
|
}
|
|
|
|
|
|
2015-05-20 01:47:48 +02:00
|
|
|
.phui-box-border.phui-object-box-blue {
|
|
|
|
|
border: 1px solid {$blue};
|
2014-06-24 18:39:32 +02:00
|
|
|
}
|
|
|
|
|
|
2015-05-20 01:47:48 +02:00
|
|
|
.phui-box-border.phui-object-box-blue .phui-header-view {
|
|
|
|
|
color: {$blue};
|
2014-06-24 18:39:32 +02:00
|
|
|
}
|
|
|
|
|
|
2015-05-20 01:47:48 +02:00
|
|
|
.phui-box-border.phui-object-box-blue .phui-header-shell {
|
|
|
|
|
border-bottom-color: {$lightblue};
|
2014-06-24 18:39:32 +02:00
|
|
|
}
|
|
|
|
|
|
2015-05-20 01:47:48 +02:00
|
|
|
.phui-box-border.phui-object-box-red {
|
|
|
|
|
border: 1px solid {$red};
|
2014-06-24 18:39:32 +02:00
|
|
|
}
|
|
|
|
|
|
2015-05-20 01:47:48 +02:00
|
|
|
.phui-box-border.phui-object-box-red .phui-header-view {
|
|
|
|
|
color: {$red};
|
2014-06-24 18:39:32 +02:00
|
|
|
}
|
|
|
|
|
|
2015-05-20 01:47:48 +02:00
|
|
|
.phui-box-border.phui-object-box-red .phui-header-shell {
|
|
|
|
|
border-bottom-color: {$lightred};
|
2014-06-24 18:39:32 +02:00
|
|
|
}
|
[Redesign] Convert Dashboard Panels to ObjectBox
Summary: Moves Dashboard Panels to use PHUIObjectBoxView and PHUIHeaderView
Test Plan:
Tested the most common dashboards, Differential, Maniphest, Projects, Feed, Audit. Some edge cases (Legalpad, Macro) still are in progress. Tested laying out a new Dashboard, removing panels, moving panels.
{F406170}
Reviewers: btrahan, epriestley
Reviewed By: epriestley
Subscribers: Korvin, epriestley
Maniphest Tasks: T8099
Differential Revision: https://secure.phabricator.com/D12873
2015-05-17 16:05:14 +02:00
|
|
|
|
2015-05-27 02:35:18 +02:00
|
|
|
.phui-object-box-hidden-content {
|
|
|
|
|
background: {$lightgreybackground};
|
|
|
|
|
border-bottom: 1px solid {$thinblueborder};
|
|
|
|
|
}
|
|
|
|
|
|
2015-05-28 20:33:41 +02:00
|
|
|
.phui-object-box.phui-object-box-collapsed .phui-object-box-hidden-content {
|
|
|
|
|
margin: 0;
|
|
|
|
|
}
|
|
|
|
|
|
[Redesign] Convert Dashboard Panels to ObjectBox
Summary: Moves Dashboard Panels to use PHUIObjectBoxView and PHUIHeaderView
Test Plan:
Tested the most common dashboards, Differential, Maniphest, Projects, Feed, Audit. Some edge cases (Legalpad, Macro) still are in progress. Tested laying out a new Dashboard, removing panels, moving panels.
{F406170}
Reviewers: btrahan, epriestley
Reviewed By: epriestley
Subscribers: Korvin, epriestley
Maniphest Tasks: T8099
Differential Revision: https://secure.phabricator.com/D12873
2015-05-17 16:05:14 +02:00
|
|
|
/* - Double Object Box Override --------------------------------------------- */
|
|
|
|
|
|
|
|
|
|
.phui-object-box .phui-object-box {
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
|
|
|
|
|
2015-06-01 00:08:36 +02:00
|
|
|
/* eh oh el */
|
|
|
|
|
.phui-object-box .phui-object-box + .phui-object-box {
|
|
|
|
|
border-top: 1px solid {$thinblueborder};
|
|
|
|
|
}
|
|
|
|
|
|
2015-06-03 19:23:28 +02:00
|
|
|
.phui-object-box .phui-object-box .phui-header-shell .phui-header-header {
|
|
|
|
|
font-family: {$fontfamily};
|
|
|
|
|
}
|
|
|
|
|
|
[Redesign] Convert Dashboard Panels to ObjectBox
Summary: Moves Dashboard Panels to use PHUIObjectBoxView and PHUIHeaderView
Test Plan:
Tested the most common dashboards, Differential, Maniphest, Projects, Feed, Audit. Some edge cases (Legalpad, Macro) still are in progress. Tested laying out a new Dashboard, removing panels, moving panels.
{F406170}
Reviewers: btrahan, epriestley
Reviewed By: epriestley
Subscribers: Korvin, epriestley
Maniphest Tasks: T8099
Differential Revision: https://secure.phabricator.com/D12873
2015-05-17 16:05:14 +02:00
|
|
|
.phui-object-box .phui-box-border {
|
|
|
|
|
border-width: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
margin: 0;
|
|
|
|
|
}
|
|
|
|
|
|
2016-02-26 23:34:51 +01:00
|
|
|
.phui-object-box .phui-box-border.phui-box-blue-property {
|
|
|
|
|
border-width: 1px;
|
|
|
|
|
}
|
|
|
|
|
|
2015-06-01 00:08:36 +02:00
|
|
|
.phui-object-box .phui-object-box .phui-header-shell .phui-header-header {
|
2015-06-26 18:33:03 +02:00
|
|
|
font-size: {$normalfontsize};
|
[Redesign] Convert Dashboard Panels to ObjectBox
Summary: Moves Dashboard Panels to use PHUIObjectBoxView and PHUIHeaderView
Test Plan:
Tested the most common dashboards, Differential, Maniphest, Projects, Feed, Audit. Some edge cases (Legalpad, Macro) still are in progress. Tested laying out a new Dashboard, removing panels, moving panels.
{F406170}
Reviewers: btrahan, epriestley
Reviewed By: epriestley
Subscribers: Korvin, epriestley
Maniphest Tasks: T8099
Differential Revision: https://secure.phabricator.com/D12873
2015-05-17 16:05:14 +02:00
|
|
|
margin: 0;
|
2015-05-31 16:56:54 +02:00
|
|
|
color: {$darkbluetext};
|
[Redesign] Move basefont to Lato, remove Source Sans Pro
Summary: Working towards a more unified look and feel. This brings in Lato as a complete base font over Helvetica Neue, as well as removing Source Sans Pro from DocumentView and Conpherence. Design-wise Lato provides the nice readability at larger font sizes that Source Sans Pro did, with the ability to scale down to tables and UI widgets with ease. This gives us one font instead of two, and now Object descriptions and Timeline posts all can benefit from a consistent, readable font.
Test Plan:
Test main UI, smaller elements like tables, menus, DocumentViews, Previews, Conpherence.
{F498135}
{F498136}
Reviewers: btrahan, epriestley
Reviewed By: epriestley
Subscribers: epriestley, Korvin
Differential Revision: https://secure.phabricator.com/D13276
2015-06-13 21:32:45 +02:00
|
|
|
font-weight: bold;
|
[Redesign] Convert Dashboard Panels to ObjectBox
Summary: Moves Dashboard Panels to use PHUIObjectBoxView and PHUIHeaderView
Test Plan:
Tested the most common dashboards, Differential, Maniphest, Projects, Feed, Audit. Some edge cases (Legalpad, Macro) still are in progress. Tested laying out a new Dashboard, removing panels, moving panels.
{F406170}
Reviewers: btrahan, epriestley
Reviewed By: epriestley
Subscribers: Korvin, epriestley
Maniphest Tasks: T8099
Differential Revision: https://secure.phabricator.com/D12873
2015-05-17 16:05:14 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.phui-object-box .phui-object-box .phui-header-shell {
|
|
|
|
|
margin: 0;
|
2015-07-17 02:15:27 +02:00
|
|
|
padding: 4px 8px;
|
|
|
|
|
background-color: {$lightgreybackground};
|
[Redesign] Convert Dashboard Panels to ObjectBox
Summary: Moves Dashboard Panels to use PHUIObjectBoxView and PHUIHeaderView
Test Plan:
Tested the most common dashboards, Differential, Maniphest, Projects, Feed, Audit. Some edge cases (Legalpad, Macro) still are in progress. Tested laying out a new Dashboard, removing panels, moving panels.
{F406170}
Reviewers: btrahan, epriestley
Reviewed By: epriestley
Subscribers: Korvin, epriestley
Maniphest Tasks: T8099
Differential Revision: https://secure.phabricator.com/D12873
2015-05-17 16:05:14 +02:00
|
|
|
}
|
