2013-03-30 17:51:35 +01:00
|
|
|
/**
|
2013-09-06 23:06:12 +02:00
|
|
|
* @provides phui-workboard-view-css
|
2013-03-30 17:51:35 +01:00
|
|
|
*/
|
|
|
|
|
|
2013-09-06 23:06:12 +02:00
|
|
|
.phui-workboard-view {
|
2013-03-31 21:28:50 +02:00
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
2014-05-08 23:21:32 +02:00
|
|
|
.device-desktop .phui-workboard-view-shadow {
|
Add a secret board view to Projects
Summary:
Ref T1344. This is //very// rough. Some UI issues:
- Empty states for the board and columns are junky.
- Column widths are crazy. I think we need to set them to fixed-width, since we may have an arbitrarily large number of columns?
- I don't think we have the header UI elements in M10 yet and that mock is pretty old, so I sort of very roughly approximated it.
- What should we do when you click a task title? Popping the whole task in a dialog is possible but needs a bunch of work to actually work. Might need to build "sheets" or something.
- Icons are slightly clipped for some reason.
- All the backend stuff is totally faked.
Generally, my plan is just to use these to implement all of T390. Specifically:
- "Kanban" projects will have "Backlog" on the left. You'll drag them toward the right as you make progress.
- "Milestone" projects will have "No Milestone" on the left, then "Milestone 9", "Milestone 8", etc.
- "Sprint" projects will have "Backlog" on the left, then "Sprint 31", "Sprint 30", etc.
So all of these things end up being pretty much exactly the same, with some minor text changes and new columns showing up on the left vs the right or whatever.
Test Plan: See screenshot.
Reviewers: chad, btrahan
Reviewed By: btrahan
CC: chad, aran, sascha-egerer
Maniphest Tasks: T1344
Differential Revision: https://secure.phabricator.com/D7374
2013-10-22 06:11:36 +02:00
|
|
|
overflow-x: auto;
|
2014-05-08 23:21:32 +02:00
|
|
|
position: absolute;
|
2015-06-29 21:31:49 +02:00
|
|
|
top: 96px;
|
2014-05-08 23:21:32 +02:00
|
|
|
bottom: 0;
|
|
|
|
|
left: 0;
|
|
|
|
|
right: 0;
|
2013-03-30 17:51:35 +01:00
|
|
|
}
|
|
|
|
|
|
Move setup issue callout to under the header
Summary: Fixes T7830. Moves the callout to sit under the main header, which resolved Differential issues and Durable Column issues, but still some extra CSS shenanigans.
Test Plan:
Test lots of pages, Home, Dashboards, Conpherence, Durable Column, Inline Diff Replies, Mobile, Workboards, etc.
{F375821}
{F375822}
{F375823}
Reviewers: btrahan, epriestley
Reviewed By: epriestley
Subscribers: Korvin, epriestley
Maniphest Tasks: T7830
Differential Revision: https://secure.phabricator.com/D12466
2015-04-19 16:15:59 +02:00
|
|
|
.device-desktop .page-has-warning .phui-workboard-view-shadow {
|
2015-06-29 21:31:49 +02:00
|
|
|
top: 132px;
|
Move setup issue callout to under the header
Summary: Fixes T7830. Moves the callout to sit under the main header, which resolved Differential issues and Durable Column issues, but still some extra CSS shenanigans.
Test Plan:
Test lots of pages, Home, Dashboards, Conpherence, Durable Column, Inline Diff Replies, Mobile, Workboards, etc.
{F375821}
{F375822}
{F375823}
Reviewers: btrahan, epriestley
Reviewed By: epriestley
Subscribers: Korvin, epriestley
Maniphest Tasks: T7830
Differential Revision: https://secure.phabricator.com/D12466
2015-04-19 16:15:59 +02:00
|
|
|
}
|
|
|
|
|
|
2015-05-18 21:51:06 +02:00
|
|
|
.device-desktop.with-durable-column .phui-workboard-view-shadow {
|
|
|
|
|
right: 300px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.device-desktop.with-durable-margin .phui-workboard-view-shadow {
|
|
|
|
|
right: 312px;
|
|
|
|
|
}
|
|
|
|
|
|
2013-11-05 18:35:27 +01:00
|
|
|
.phui-workboard-view-shadow::-webkit-scrollbar {
|
|
|
|
|
height: 12px;
|
2014-05-08 23:21:32 +02:00
|
|
|
width: 12px;
|
|
|
|
|
background: rgba(200,200,200,.6);
|
2013-11-05 18:35:27 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.phui-workboard-view-shadow::-webkit-scrollbar-thumb {
|
|
|
|
|
background: {$lightbluetext};
|
|
|
|
|
}
|
|
|
|
|
|
2015-01-12 19:04:01 +01:00
|
|
|
.device-desktop .project-board-wrapper .phui-workboard-view-shadow {
|
|
|
|
|
left: 53px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.device-desktop .phui-workboard-view .aphront-multi-column-fixed
|
|
|
|
|
.aphront-multi-column-inner {
|
|
|
|
|
margin-left: 0;
|
|
|
|
|
}
|
|
|
|
|
|
2014-05-08 23:21:32 +02:00
|
|
|
.device-tablet .project-board-wrapper {
|
|
|
|
|
margin-left: 8px;
|
|
|
|
|
margin-right: 8px;
|
2014-04-16 20:09:53 +02:00
|
|
|
}
|
2015-05-18 19:00:15 +02:00
|
|
|
|
2015-06-29 21:31:49 +02:00
|
|
|
.project-board-header {
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
border-bottom: 1px solid {$lightblueborder};
|
|
|
|
|
padding: 12px;
|
2015-07-17 03:04:40 +02:00
|
|
|
position: relative;
|
2015-06-29 21:31:49 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.device .project-board-header {
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
|
|
|
|
|
2015-05-22 17:22:25 +02:00
|
|
|
.project-board-header .phui-header-shell {
|
2015-06-29 21:31:49 +02:00
|
|
|
padding: 0;
|
|
|
|
|
border-bottom: 1px solid {$blueborder};
|
2015-05-18 19:00:15 +02:00
|
|
|
}
|
|
|
|
|
|
2015-05-27 18:49:54 +02:00
|
|
|
.device .project-board-header .phui-header-shell {
|
|
|
|
|
padding: 8px;
|
|
|
|
|
}
|
|
|
|
|
|
2015-05-31 21:15:15 +02:00
|
|
|
.project-board-header .phui-header-header {
|
2015-05-18 19:00:15 +02:00
|
|
|
font-size: 18px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.project-board-header .phui-header-subheader {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0 8px;
|
|
|
|
|
}
|
2015-06-29 21:31:49 +02:00
|
|
|
|
2015-07-27 16:31:56 +02:00
|
|
|
.device-phone .project-board-header .phui-header-subheader {
|
|
|
|
|
display: block;
|
|
|
|
|
margin: 8px 0 2px 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
|
|
|
|
|
2015-06-29 21:31:49 +02:00
|
|
|
.device-desktop .phabricator-icon-nav.project-board-nav
|
|
|
|
|
.phabricator-nav-local {
|
|
|
|
|
margin-top: 64px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.device-desktop .phabricator-icon-nav.project-board-nav
|
|
|
|
|
.phabricator-nav-content {
|
|
|
|
|
margin: 0;
|
|
|
|
|
}
|
