revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2025-01-13 08:11:04 +01:00
Code Issues Releases Wiki Activity
phorge-phorge/webroot/rsrc/css/phui/phui-workboard-view.css

59 lines
1.1 KiB
CSS
Raw Normal View History

Workboards Summary: Adds Workboards and workpanels. This is a preliminary diff, I'm still working on mobile and tablet and a few missing features (header actions) Test Plan: FF, Chrome, iOS, iPad, iPhone, IE Reviewers: epriestley Reviewed By: epriestley CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D5455
2013-03-30 17:51:35 +01:00
/**
Move Workboards to PHUI Summary: This is just renaming to PHUI (I like shorter text :) Test Plan: reload workboard examples page, seems to not fatal and looks very appealing Reviewers: epriestley Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D6904
2013-09-06 23:06:12 +02:00
* @provides phui-workboard-view-css
Workboards Summary: Adds Workboards and workpanels. This is a preliminary diff, I'm still working on mobile and tablet and a few missing features (header actions) Test Plan: FF, Chrome, iOS, iPad, iPhone, IE Reviewers: epriestley Reviewed By: epriestley CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D5455
2013-03-30 17:51:35 +01:00
*/
Move Workboards to PHUI Summary: This is just renaming to PHUI (I like shorter text :) Test Plan: reload workboard examples page, seems to not fatal and looks very appealing Reviewers: epriestley Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D6904
2013-09-06 23:06:12 +02:00
.phui-workboard-view {
Actions for Workboards. Summary: Adds an action panel on the left side of the workboard. Test Plan: Tested Fluid and mobile layouts Reviewers: epriestley, btrahan Reviewed By: epriestley CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D5496
2013-03-31 21:28:50 +02:00
width: 100%;
}
Make workboards truly 'fixed' in display Summary: **WIP** This sets a shadow fixed to the full screen of the browser for which panels to live in. I have some minor things to fix, but play with it. Specifically I haven't been able to dig up when stuff that overflowwed, doesn't always render even after scroll. Test Plan: Test on a board with many tasks, many panels, small screens. Test on mobile too! Reviewers: epriestley, btrahan Reviewed By: btrahan Subscribers: qgil, epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9005
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;
Make workboards truly 'fixed' in display Summary: **WIP** This sets a shadow fixed to the full screen of the browser for which panels to live in. I have some minor things to fix, but play with it. Specifically I haven't been able to dig up when stuff that overflowwed, doesn't always render even after scroll. Test Plan: Test on a board with many tasks, many panels, small screens. Test on mobile too! Reviewers: epriestley, btrahan Reviewed By: btrahan Subscribers: qgil, epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9005
2014-05-08 23:21:32 +02:00
position: absolute;
First pass at new Workboard UI Summary: Cleans up Workboards to match the mocks. No new functionality, just more consistent colors/spacing/common components. Test Plan: Visit a few workboards, drag and drop items. Mobile, Tablet, Desktop {F1070733} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15115
2016-01-25 22:27:28 +01:00
top: 79px;
Make workboards truly 'fixed' in display Summary: **WIP** This sets a shadow fixed to the full screen of the browser for which panels to live in. I have some minor things to fix, but play with it. Specifically I haven't been able to dig up when stuff that overflowwed, doesn't always render even after scroll. Test Plan: Test on a board with many tasks, many panels, small screens. Test on mobile too! Reviewers: epriestley, btrahan Reviewed By: btrahan Subscribers: qgil, epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9005
2014-05-08 23:21:32 +02:00
bottom: 0;
left: 0;
right: 0;
First pass at new Workboard UI Summary: Cleans up Workboards to match the mocks. No new functionality, just more consistent colors/spacing/common components. Test Plan: Visit a few workboards, drag and drop items. Mobile, Tablet, Desktop {F1070733} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15115
2016-01-25 22:27:28 +01:00
background: #fff;
padding: 16px;
Workboards Summary: Adds Workboards and workpanels. This is a preliminary diff, I'm still working on mobile and tablet and a few missing features (header actions) Test Plan: FF, Chrome, iOS, iPad, iPhone, IE Reviewers: epriestley Reviewed By: epriestley CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D5455
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 {
[Redesign] Update Workboards Summary: Ref T8099, Cleans up Workboard UI, fixes button icon spacing Test Plan: Review workboards on desktop, mobile Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13473
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
}
Make workboard CSS aware of the durable column Summary: Fixes T8246. Workboards needed a tweak after the native-scrollbar compromise. Test Plan: Viewed workboards with column open/closed, saw workspace size correctly. Reviewers: chad Reviewed By: chad Subscribers: epriestley Maniphest Tasks: T8246 Differential Revision: https://secure.phabricator.com/D12906
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;
}
Customize scrollbar in workboards Summary: Adds basic (webkit only) styling to the workboard scrollbar. Test Plan: Tested Chrome, Workboards Reviewers: epriestley Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D7505
2013-11-05 18:35:27 +01:00
.phui-workboard-view-shadow::-webkit-scrollbar {
height: 12px;
Make workboards truly 'fixed' in display Summary: **WIP** This sets a shadow fixed to the full screen of the browser for which panels to live in. I have some minor things to fix, but play with it. Specifically I haven't been able to dig up when stuff that overflowwed, doesn't always render even after scroll. Test Plan: Test on a board with many tasks, many panels, small screens. Test on mobile too! Reviewers: epriestley, btrahan Reviewed By: btrahan Subscribers: qgil, epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9005
2014-05-08 23:21:32 +02:00
width: 12px;
background: rgba(200,200,200,.6);
Customize scrollbar in workboards Summary: Adds basic (webkit only) styling to the workboard scrollbar. Test Plan: Tested Chrome, Workboards Reviewers: epriestley Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D7505
2013-11-05 18:35:27 +01:00
}
.phui-workboard-view-shadow::-webkit-scrollbar-thumb {
background: {$lightbluetext};
}
Revamp Projects with new navigation Summary: A refresh of Projects including a new navigations UI. - New Navigation UI. - Auto switch default page if Workboard has been initialized - Move Feed to it's own page - Increase 'tasks' on Project Home to 50 over 10 - Fix various display bugs on Workboards - Remove 'crumbs' from Project portal (unneeded). Test Plan: - clicked a link for a project with no workboard and saw the profile - clicked a link for a project with a workboard and saw the workboard - navigated around the various edit pages, inspecting links and making sure things linked back to the new profile uri {F266460} {F266461} {F266462} {F266463} {F266464} Reviewers: epriestley, btrahan Reviewed By: epriestley, btrahan Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D11272
2015-01-12 19:04:01 +01:00
.device-desktop .project-board-wrapper .phui-workboard-view-shadow {
First pass at new Workboard UI Summary: Cleans up Workboards to match the mocks. No new functionality, just more consistent colors/spacing/common components. Test Plan: Visit a few workboards, drag and drop items. Mobile, Tablet, Desktop {F1070733} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15115
2016-01-25 22:27:28 +01:00
left: {$menu.profile.width};
Revamp Projects with new navigation Summary: A refresh of Projects including a new navigations UI. - New Navigation UI. - Auto switch default page if Workboard has been initialized - Move Feed to it's own page - Increase 'tasks' on Project Home to 50 over 10 - Fix various display bugs on Workboards - Remove 'crumbs' from Project portal (unneeded). Test Plan: - clicked a link for a project with no workboard and saw the profile - clicked a link for a project with a workboard and saw the workboard - navigated around the various edit pages, inspecting links and making sure things linked back to the new profile uri {F266460} {F266461} {F266462} {F266463} {F266464} Reviewers: epriestley, btrahan Reviewed By: epriestley, btrahan Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D11272
2015-01-12 19:04:01 +01:00
}
Add Herald support for projects Summary: Ref T10054. Ref T6113. I'm going to remove subscribers from projects to fix the confusion between "watch" and "subscribe". Users who have unusual use cases where they legitimately want to know when a project's description is updated or members change can use Herald to follow it. This is also useful in general and improves consistency, although I don't have too many use cases for it. Test Plan: Wrote a Herald rule, edited a project, saw the rule fire and send me email about the change. Reviewers: chad Reviewed By: chad Maniphest Tasks: T6113, T10054 Differential Revision: https://secure.phabricator.com/D15061
2016-01-20 02:18:17 +01:00
.device-desktop .phui-profile-menu-collapsed .project-board-wrapper
.phui-workboard-view-shadow {
First pass at new Workboard UI Summary: Cleans up Workboards to match the mocks. No new functionality, just more consistent colors/spacing/common components. Test Plan: Visit a few workboards, drag and drop items. Mobile, Tablet, Desktop {F1070733} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15115
2016-01-25 22:27:28 +01:00
left: {$menu.profile.width.collapsed};
Add Herald support for projects Summary: Ref T10054. Ref T6113. I'm going to remove subscribers from projects to fix the confusion between "watch" and "subscribe". Users who have unusual use cases where they legitimately want to know when a project's description is updated or members change can use Herald to follow it. This is also useful in general and improves consistency, although I don't have too many use cases for it. Test Plan: Wrote a Herald rule, edited a project, saw the rule fire and send me email about the change. Reviewers: chad Reviewed By: chad Maniphest Tasks: T6113, T10054 Differential Revision: https://secure.phabricator.com/D15061
2016-01-20 02:18:17 +01:00
}
Revamp Projects with new navigation Summary: A refresh of Projects including a new navigations UI. - New Navigation UI. - Auto switch default page if Workboard has been initialized - Move Feed to it's own page - Increase 'tasks' on Project Home to 50 over 10 - Fix various display bugs on Workboards - Remove 'crumbs' from Project portal (unneeded). Test Plan: - clicked a link for a project with no workboard and saw the profile - clicked a link for a project with a workboard and saw the workboard - navigated around the various edit pages, inspecting links and making sure things linked back to the new profile uri {F266460} {F266461} {F266462} {F266463} {F266464} Reviewers: epriestley, btrahan Reviewed By: epriestley, btrahan Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D11272
2015-01-12 19:04:01 +01:00
.device-desktop .phui-workboard-view .aphront-multi-column-fixed
.aphront-multi-column-inner {
margin-left: 0;
}
First pass at new Workboard UI Summary: Cleans up Workboards to match the mocks. No new functionality, just more consistent colors/spacing/common components. Test Plan: Visit a few workboards, drag and drop items. Mobile, Tablet, Desktop {F1070733} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15115
2016-01-25 22:27:28 +01:00
.device .project-board-wrapper {
margin: 16px;
Better CSS for mobile workboards Summary: Fixes T8964 and a few other details. Cards float to 100%, headers too, policy moved to it's own line. Test Plan: Mobile workboards at 320 and 360px wide. Reviewers: epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T8964 Differential Revision: https://secure.phabricator.com/D13722
2015-07-27 16:31:56 +02:00
}
Copy permalink