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};
|
|
|
|
|
}
|
|
|
|
|
|
2013-09-06 23:06:12 +02:00
|
|
|
.phui-workboard-action-list {
|
2013-03-31 21:28:50 +02:00
|
|
|
width: 60px;
|
|
|
|
|
float: left;
|
|
|
|
|
min-height: 60px;
|
2013-11-06 19:18:29 +01:00
|
|
|
border-radius: 5px;
|
|
|
|
|
margin-right: 8px;
|
|
|
|
|
background: {$lightbluebackground};
|
|
|
|
|
border: 1px solid {$lightblueborder};
|
|
|
|
|
border-bottom: 1px solid {$blueborder};
|
2013-03-30 17:51:35 +01:00
|
|
|
}
|
|
|
|
|
|
2013-09-06 23:06:12 +02:00
|
|
|
.device-phone .phui-workboard-action-list {
|
2013-03-31 21:28:50 +02:00
|
|
|
width: 100%;
|
|
|
|
|
float: none;
|
|
|
|
|
display: block;
|
|
|
|
|
overflow: hidden;
|
2013-11-06 19:18:29 +01:00
|
|
|
border: none;
|
|
|
|
|
background: none;
|
|
|
|
|
border-radius: none;
|
|
|
|
|
min-height: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.phui-workboard-action-list li:first-child {
|
|
|
|
|
padding-top: 5px;
|
2013-03-31 21:28:50 +02:00
|
|
|
}
|
|
|
|
|
|
2013-09-06 23:06:12 +02:00
|
|
|
.device-phone .phui-workboard-action-list li {
|
2013-03-31 21:28:50 +02:00
|
|
|
display: inline;
|
|
|
|
|
float: left;
|
2013-11-06 19:18:29 +01:00
|
|
|
margin: 0;
|
|
|
|
|
padding: 0 0 8px 0;
|
2013-03-31 21:28:50 +02:00
|
|
|
}
|
|
|
|
|
|
2013-09-06 23:06:12 +02:00
|
|
|
.phui-workboard-action-list .phui-icon-view {
|
Add action icons to object list views
Summary:
We have a few interfaces where add "Edit", "Delete" or some other action to a list. Currently, this happens via icons, but these are cumbersome and weird, are inconsistent, can't be workflow'd, are hard to hit on desktops and virtually impossible to hit on mobile, and generally just feel iffy to me. Prominent examples are Projects and Flags. I'd like to try adding an "edit" action to Maniphest (to provide quick edit from list views, basically). It looks like some of Releeph would benefit here, as well.
Instead, provide first-class actions:
{F42978}
They produce targets which my meaty ham-fists can plausibly hit on mobile, too:
{F42979}
(We could do some kind of swipe-to-expose thing eventually, but I think putting them by default is OK?)
Test Plan: Added UIExamples. Checked desktop/mobile.
Reviewers: chad, btrahan, edward
Reviewed By: btrahan
CC: aran
Differential Revision: https://secure.phabricator.com/D5890
2013-05-10 21:57:01 +02:00
|
|
|
display: inline-block;
|
|
|
|
|
vertical-align: top;
|
2013-03-31 21:28:50 +02:00
|
|
|
width: 50px;
|
|
|
|
|
height: 50px;
|
2013-11-06 19:18:29 +01:00
|
|
|
margin: 0 4px 5px 5px;
|
2013-03-31 21:28:50 +02:00
|
|
|
}
|
2013-04-02 20:23:24 +02:00
|
|
|
|
2013-09-06 23:06:12 +02:00
|
|
|
.device-phone .phui-workboard-action-list .phui-icon-view {
|
2013-11-06 19:18:29 +01:00
|
|
|
background-size: 35px;
|
|
|
|
|
height: 35px;
|
|
|
|
|
width: 35px;
|
|
|
|
|
margin: 0 3px;
|
2013-04-02 20:23:24 +02:00
|
|
|
}
|
2014-04-16 20:09:53 +02:00
|
|
|
|
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;
|
|
|
|
|
}
|
