revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-21 04:50:55 +01:00
Code Issues Releases Wiki Activity
phorge-phorge/webroot/rsrc/css/application/dashboard/dashboard.css

82 lines
1.6 KiB
CSS
Raw Normal View History

Dashboards - add layout mode to dashboards Summary: This gets us the ability to specify a "layout mode" and which column a panel should appear in at panel add time. Changing the layout mode from a multi column view to a single column view or vice versa will reset all panels to the left most column. You can also drag and drop where columns appear via the "arrange" mode. We also have a new dashboard create flow. Create dashboard -> arrange mode. (As opposed to view mode.) This could all possibly use massaging. Fixes T4996. Test Plan: made a dashboard with panels in multiple columns. verified correct widths for various layout modes re-arranged collumns like whoa. Reviewers: chad, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T4996 Differential Revision: https://secure.phabricator.com/D9031
2014-05-16 04:12:40 +02:00
/**
* @provides phabricator-dashboard-css
*/
Dashboard UI stuffs Summary: - Make CSS more resilient with columns - Add objectlist css - Fix Maniphest list css Test Plan: Tested a number of different panels and dashboards, desktop, tablet, and mobile. {F159447} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9273
2014-05-23 22:44:51 +02:00
.dashboard-view {
margin: 16px;
}
.device-phone .dashboard-view {
margin: 8px;
}
[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
.dashboard-view .phui-object-box {
margin: 0 0 16px 0;
}
.dashboard-view .phui-object-box .phui-object-box {
margin: 0;
Dashboard UI stuffs Summary: - Make CSS more resilient with columns - Add objectlist css - Fix Maniphest list css Test Plan: Tested a number of different panels and dashboards, desktop, tablet, and mobile. {F159447} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9273
2014-05-23 22:44:51 +02:00
}
Mobile-ize Dashboards Summary: Adds mobile support to dashboards. Test Plan: test various dashboard layouts, mobile and table breakpoints. Desktop too. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9242
2014-05-21 21:08:14 +02:00
.device-desktop .aphront-multi-column-fluid .aphront-multi-column-2-up
Dashboards - add layout mode to dashboards Summary: This gets us the ability to specify a "layout mode" and which column a panel should appear in at panel add time. Changing the layout mode from a multi column view to a single column view or vice versa will reset all panels to the left most column. You can also drag and drop where columns appear via the "arrange" mode. We also have a new dashboard create flow. Create dashboard -> arrange mode. (As opposed to view mode.) This could all possibly use massaging. Fixes T4996. Test Plan: made a dashboard with panels in multiple columns. verified correct widths for various layout modes re-arranged collumns like whoa. Reviewers: chad, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T4996 Differential Revision: https://secure.phabricator.com/D9031
2014-05-16 04:12:40 +02:00
.aphront-multi-column-column-outer.half {
width: 50%;
}
Mobile-ize Dashboards Summary: Adds mobile support to dashboards. Test Plan: test various dashboard layouts, mobile and table breakpoints. Desktop too. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9242
2014-05-21 21:08:14 +02:00
.device-desktop .aphront-multi-column-fluid .aphront-multi-column-2-up
Dashboards - add layout mode to dashboards Summary: This gets us the ability to specify a "layout mode" and which column a panel should appear in at panel add time. Changing the layout mode from a multi column view to a single column view or vice versa will reset all panels to the left most column. You can also drag and drop where columns appear via the "arrange" mode. We also have a new dashboard create flow. Create dashboard -> arrange mode. (As opposed to view mode.) This could all possibly use massaging. Fixes T4996. Test Plan: made a dashboard with panels in multiple columns. verified correct widths for various layout modes re-arranged collumns like whoa. Reviewers: chad, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T4996 Differential Revision: https://secure.phabricator.com/D9031
2014-05-16 04:12:40 +02:00
.aphront-multi-column-column-outer.third {
width: 33.34%;
}
Mobile-ize Dashboards Summary: Adds mobile support to dashboards. Test Plan: test various dashboard layouts, mobile and table breakpoints. Desktop too. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9242
2014-05-21 21:08:14 +02:00
.device-desktop .aphront-multi-column-fluid .aphront-multi-column-2-up
Dashboards - add layout mode to dashboards Summary: This gets us the ability to specify a "layout mode" and which column a panel should appear in at panel add time. Changing the layout mode from a multi column view to a single column view or vice versa will reset all panels to the left most column. You can also drag and drop where columns appear via the "arrange" mode. We also have a new dashboard create flow. Create dashboard -> arrange mode. (As opposed to view mode.) This could all possibly use massaging. Fixes T4996. Test Plan: made a dashboard with panels in multiple columns. verified correct widths for various layout modes re-arranged collumns like whoa. Reviewers: chad, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T4996 Differential Revision: https://secure.phabricator.com/D9031
2014-05-16 04:12:40 +02:00
.aphront-multi-column-column-outer.thirds {
width: 66.66%;
}
.aphront-multi-column-fluid
.aphront-multi-column-column-outer.grippable
[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
.aphront-multi-column-column .dashboard-pane {
Dashboards - add layout mode to dashboards Summary: This gets us the ability to specify a "layout mode" and which column a panel should appear in at panel add time. Changing the layout mode from a multi column view to a single column view or vice versa will reset all panels to the left most column. You can also drag and drop where columns appear via the "arrange" mode. We also have a new dashboard create flow. Create dashboard -> arrange mode. (As opposed to view mode.) This could all possibly use massaging. Fixes T4996. Test Plan: made a dashboard with panels in multiple columns. verified correct widths for various layout modes re-arranged collumns like whoa. Reviewers: chad, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T4996 Differential Revision: https://secure.phabricator.com/D9031
2014-05-16 04:12:40 +02:00
cursor: move;
}
.aphront-multi-column-fluid
.aphront-multi-column-column .drag-ghost {
list-style-type: none;
margin: 16px;
}
.aphront-multi-column-fluid
.aphront-multi-column-column
.dashboard-panel-placeholder {
display: none;
}
.aphront-multi-column-fluid
.aphront-multi-column-column.dashboard-column-empty
.dashboard-panel-placeholder {
display: block;
Modernize Dashboard UI and code Summary: Pulls everything over to two column UI and new edit pages. Removed history view and consolidated some pages. Test Plan: New Panel, Edit Panel. New Dashboard, Edit Dashboard, View Standalone pages. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15588
2016-04-03 01:02:13 +02:00
padding: 20px;
margin: 0 0 12px 0;
Dashboards - add layout mode to dashboards Summary: This gets us the ability to specify a "layout mode" and which column a panel should appear in at panel add time. Changing the layout mode from a multi column view to a single column view or vice versa will reset all panels to the left most column. You can also drag and drop where columns appear via the "arrange" mode. We also have a new dashboard create flow. Create dashboard -> arrange mode. (As opposed to view mode.) This could all possibly use massaging. Fixes T4996. Test Plan: made a dashboard with panels in multiple columns. verified correct widths for various layout modes re-arranged collumns like whoa. Reviewers: chad, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T4996 Differential Revision: https://secure.phabricator.com/D9031
2014-05-16 04:12:40 +02:00
text-decoration: none;
border: 1px {$greyborder} dashed;
Create dashboard panels inline on dashboards Summary: Fixes T5308. - Allows you to create a panel directly on a dashboard. - Also, include existing panels with a select instead of a text field. This won't scale as well but should be fine for now, and is way easier to use. Test Plan: See comment. Reviewers: chad Reviewed By: chad Subscribers: epriestley Maniphest Tasks: T5308 Differential Revision: https://secure.phabricator.com/D9501
2014-06-12 22:22:27 +02:00
color: {$greytext};
Dashboards - add layout mode to dashboards Summary: This gets us the ability to specify a "layout mode" and which column a panel should appear in at panel add time. Changing the layout mode from a multi column view to a single column view or vice versa will reset all panels to the left most column. You can also drag and drop where columns appear via the "arrange" mode. We also have a new dashboard create flow. Create dashboard -> arrange mode. (As opposed to view mode.) This could all possibly use massaging. Fixes T4996. Test Plan: made a dashboard with panels in multiple columns. verified correct widths for various layout modes re-arranged collumns like whoa. Reviewers: chad, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T4996 Differential Revision: https://secure.phabricator.com/D9031
2014-05-16 04:12:40 +02:00
}
.aphront-multi-column-fluid
.aphront-multi-column-column.drag-target-list
.dashboard-panel-placeholder {
display: none;
}
Dashboards - add remove functionality Summary: To get there, upgrade "headerless" to "headerMode". Add a new removepanel controller. Fixes T5084. Test Plan: removed some panels to much success Reviewers: chad, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T5078, T5084 Differential Revision: https://secure.phabricator.com/D9156
2014-05-19 23:04:26 +02:00
.aphront-multi-column-fluid
.aphront-multi-column-column-outer
Move PHUIErrorView to PHUIInfoView Summary: Since this element isn't strictly about errors, re-label as info view instead. Test Plan: Grepped for all callsites, tested UIExamples and a few other random pages. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: hach-que, Korvin, epriestley Differential Revision: https://secure.phabricator.com/D11867
2015-03-01 23:45:56 +01:00
.aphront-multi-column-column .phui-info-view {
Dashboards - add remove functionality Summary: To get there, upgrade "headerless" to "headerMode". Add a new removepanel controller. Fixes T5084. Test Plan: removed some panels to much success Reviewers: chad, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T5078, T5084 Differential Revision: https://secure.phabricator.com/D9156
2014-05-19 23:04:26 +02:00
margin: 0;
}
Modernize Dashboard UI and code Summary: Pulls everything over to two column UI and new edit pages. Removed history view and consolidated some pages. Test Plan: New Panel, Edit Panel. New Dashboard, Edit Dashboard, View Standalone pages. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15588
2016-04-03 01:02:13 +02:00
.dashboard-preview-box {
border: 1px solid {$lightblueborder};
border-radius: 3px;
background-color: rgba(255,255,255,.33);
}
Copy permalink