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};
|
|
|
|
|
}
|
|
|
|
|
|
2020-01-29 20:33:31 +01:00
|
|
|
.phui-object-box-tail-buttons {
|
|
|
|
|
padding: 8px;
|
|
|
|
|
background: {$lightgreybackground};
|
|
|
|
|
border-top: 1px solid {$lightgreyborder};
|
|
|
|
|
}
|
|
|
|
|
|
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
|
|
|
}
|
2017-04-21 20:22:06 +02:00
|
|
|
|
|
|
|
|
/* - Pager at the bottom ---------------------------------------------------- */
|
|
|
|
|
|
|
|
|
|
.phui-object-box-pager {
|
|
|
|
|
background-color: {$bluebackground};
|
|
|
|
|
border-top: 1px solid {$lightblueborder};
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.phui-object-box-pager a.button {
|
|
|
|
|
margin-top: 8px;
|
|
|
|
|
margin-bottom: 8px;
|
|
|
|
|
}
|
When users follow an email login link but an install does not use passwords, try to get them to link an account
Summary:
Ref T13249. See PHI774. When users follow an email login link ("Forgot password?", "Send Welcome Email", "Send a login link to your email address.", `bin/auth recover`), we send them to a password reset flow if an install uses passwords.
If an install does not use passwords, we previously dumped them unceremoniously into the {nav Settings > External Accounts} UI with no real guidance about what they were supposed to do. Since D20094 we do a slightly better job here in some cases. Continue improving this workflow.
This adds a page like "Reset Password" for "Hey, You Should Probably Link An Account, Here's Some Options".
Overall, this stuff is still pretty rough in a couple of areas that I imagine addressing in the future:
- When you finish linking, we still dump you back in Settings. At least we got you to link things. But better would be to return you here and say "great job, you're a pro".
- This UI can become a weird pile of buttons in certain configs and generally looks a little unintentional. This problem is shared among all the "linkable" providers, and the non-login link flow is also weird.
So: step forward, but more work to be done.
Test Plan: {F6211115}
Reviewers: amckinley
Reviewed By: amckinley
Maniphest Tasks: T13249
Differential Revision: https://secure.phabricator.com/D20170
2019-02-05 14:22:39 +01:00
|
|
|
|
|
|
|
|
.phui-object-box-instructions {
|
|
|
|
|
padding: 16px;
|
|
|
|
|
border-bottom: 1px solid {$thinblueborder};
|
|
|
|
|
}
|
