revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-23 23:32:40 +01:00
Code Issues Releases Wiki Activity
phorge-phorge/webroot/rsrc/css/phui/phui-workpanel-view.css

110 lines
2.2 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-workpanel-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 ActionHeaders to PHUI, add ObjectBox Support, new Colors Summary: Moves PhabricatorActionHeaderView to PHUIActionHeaderView, adds Red, Green, and Violet colors and extend ObjectBox to take colors and action headers. Test Plan: Tested new Welcome layout as well as UIExamples, Workboards, and Hovercards {F169669} Reviewers: epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9707
2014-06-24 18:39:32 +02:00
.phui-workpanel-view .phui-action-header {
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
border: 1px solid #b3b5b6;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
Move ActionHeaders to PHUI, add ObjectBox Support, new Colors Summary: Moves PhabricatorActionHeaderView to PHUIActionHeaderView, adds Red, Green, and Violet colors and extend ObjectBox to take colors and action headers. Test Plan: Tested new Welcome layout as well as UIExamples, Workboards, and Hovercards {F169669} Reviewers: epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D9707
2014-06-24 18:39:32 +02:00
.phui-workpanel-view .phui-action-header .phui-action-header-title {
padding: 8px 0;
}
Fix a bit of the CSS on workboards Summary: Fixes the width and some other minor issues. Test Plan: Tested Mobile and Desktop Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D7496
2013-11-05 00:50:43 +01:00
.device-phone .phui-workboard-view {
width: auto;
margin: 0 8px;
}
Add more information to Workboard Cards Summary: Adds the taskid/objname and removes the white-space restrictions. Seems still decent. Test Plan: Test long and short title cards, test mobile and desktop {F155552} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T4863 Differential Revision: https://secure.phabricator.com/D9148
2014-05-16 03:21:13 +02:00
.phui-workboard-view .phui-object-item-link {
white-space: normal;
display: inline;
-webkit-font-smoothing: antialiased;
}
.phui-workboard-view .phui-object-item-objname {
vertical-align: top;
Fix a bit of the CSS on workboards Summary: Fixes the width and some other minor issues. Test Plan: Tested Mobile and Desktop Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D7496
2013-11-05 00:50:43 +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-workpanel-view .phui-workpanel-header-action {
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
float: right;
width: 24px;
border-left: 1px solid #b3b5b6;
}
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-workpanel-view .phui-workpanel-body {
Add an icon+background selector for project images Summary: Makes it easy to choose distinctive icons for projects. Test Plan: {F71018} {F71020} {F71019} {F71021} Reviewers: btrahan, chad Reviewed By: chad CC: chad, aran Differential Revision: https://secure.phabricator.com/D7333
2013-10-17 18:32:34 +02:00
background: {$backdrop};
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
padding: 5px 5px 1px 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
box-shadow: inset 0 0px 5px rgba(0,0,0,.4);
}
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-workpanel-view .phui-workpanel-footer-action a {
Footer actions for work panels. Summary: Adds action items in the footer of workpanels. Test Plan: UIExamples on Chrome. Reviewers: epriestley Reviewed By: epriestley CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D5492
2013-03-30 22:46:02 +01:00
color: #333;
font-weight: bold;
}
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
.device-desktop .phui-workpanel-view .phui-workpanel-footer-action:hover {
Footer actions for work panels. Summary: Adds action items in the footer of workpanels. Test Plan: UIExamples on Chrome. Reviewers: epriestley Reviewed By: epriestley CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D5492
2013-03-30 22:46:02 +01:00
background-color: rgba(100,100,100,.1);
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
border-radius: 3px;
Footer actions for work panels. Summary: Adds action items in the footer of workpanels. Test Plan: UIExamples on Chrome. Reviewers: epriestley Reviewed By: epriestley CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D5492
2013-03-30 22:46:02 +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-workpanel-view .phui-list-item-icon {
Replace Sprite-Icons with FontAwesome Summary: The removes the sprite sheet 'icons' and replaces it with FontAwesome fonts. Test Plan: - Grep for SPRITE_ICONS and replace - Grep for sprite-icons and replace - Grep for PhabricatorActionList and choose all new icons - Grep for Crumbs and fix icons - Test/Replace PHUIList Icon support - Test/Replace ObjectList Icon support (foot, epoch, etc) - Browse as many pages as I could get to - Remove sprite-icons and move remarkup to own sheet - Review this diff in Differential Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin, hach-que Differential Revision: https://secure.phabricator.com/D9052
2014-05-12 19:08:32 +02:00
height: 14px;
width: 14px;
Footer actions for work panels. Summary: Adds action items in the footer of workpanels. Test Plan: UIExamples on Chrome. Reviewers: epriestley Reviewed By: epriestley CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D5492
2013-03-30 22:46:02 +01:00
display: inline-block;
}
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-workpanel-view .phui-list-item-name {
Footer actions for work panels. Summary: Adds action items in the footer of workpanels. Test Plan: UIExamples on Chrome. Reviewers: epriestley Reviewed By: epriestley CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D5492
2013-03-30 22:46:02 +01:00
padding-left: 5px;
display: inline-block;
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
}
Fix a bit of the CSS on workboards Summary: Fixes the width and some other minor issues. Test Plan: Tested Mobile and Desktop Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D7496
2013-11-05 00:50:43 +01:00
Add Fluid-ish view to AphrontMultiColumnView Summary: Cleans up some CSS while adding lots of other... Mainly, this allow min-width "tables" that trigger a scroll-bar, but go full width if larger than min. Test Plan: Tested Workboard Examples and some Project pages, Chrome, Tablet and Mobile Layouts Reviewers: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D7509
2013-11-06 03:55:42 +01:00
.aphront-multi-column-fixed .phui-workpanel-body {
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: 300px;
Fix a bit of the CSS on workboards Summary: Fixes the width and some other minor issues. Test Plan: Tested Mobile and Desktop Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D7496
2013-11-05 00:50:43 +01:00
}
Make the rest of the board drag-and-drop UI mostly work Summary: Ref T1344. Makes the UI/UX a little nicer; still no actual backend stuff. This changes: - When you drop an item onto a different column, the item actually moves. - Empty columns render with a special CSS class now, but no nodes in the list. This cleans up some JS jankiness. I made the "empty" columns have a light blue background for now. We could put some sort of subtle background image in them instead, or some kind of call to action if it's not redundant with other UI. Test Plan: {F101208} Reviewers: chad, btrahan Reviewed By: chad CC: chad, aran Maniphest Tasks: T1344 Differential Revision: https://secure.phabricator.com/D7942
2014-01-13 21:24:13 +01:00
.phui-workpanel-body .phui-object-item-list-view {
min-height: 54px;
}
Add Fluid-ish view to AphrontMultiColumnView Summary: Cleans up some CSS while adding lots of other... Mainly, this allow min-width "tables" that trigger a scroll-bar, but go full width if larger than min. Test Plan: Tested Workboard Examples and some Project pages, Chrome, Tablet and Mobile Layouts Reviewers: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D7509
2013-11-06 03:55:42 +01:00
.device .aphront-multi-column-outer
Fix a bit of the CSS on workboards Summary: Fixes the width and some other minor issues. Test Plan: Tested Mobile and Desktop Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D7496
2013-11-05 00:50:43 +01:00
div.aphront-multi-column-column-outer .phui-workpanel-body {
width: auto;
}
Make the rest of the board drag-and-drop UI mostly work Summary: Ref T1344. Makes the UI/UX a little nicer; still no actual backend stuff. This changes: - When you drop an item onto a different column, the item actually moves. - Empty columns render with a special CSS class now, but no nodes in the list. This cleans up some JS jankiness. I made the "empty" columns have a light blue background for now. We could put some sort of subtle background image in them instead, or some kind of call to action if it's not redundant with other UI. Test Plan: {F101208} Reviewers: chad, btrahan Reviewed By: chad CC: chad, aran Maniphest Tasks: T1344 Differential Revision: https://secure.phabricator.com/D7942
2014-01-13 21:24:13 +01:00
.project-column-empty {
Awesomify dragging stuff on workboards Summary: Such fun. Many pixels. Professional PM. Much Business. Test Plan: Move stuff in and around workboards Reviewers: epriestley, btrahan Reviewed By: btrahan CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8007
2014-01-21 23:26:05 +01:00
background: rgba(255,255,255,.4);
border-radius: 3px;
margin-bottom: 4px;
border: 1px dashed #fff;
}
.project-column-empty .drag-ghost {
display: none;
}
.project-column-empty.drag-target-list {
background: rgba(255,255,255,.7);
Make the rest of the board drag-and-drop UI mostly work Summary: Ref T1344. Makes the UI/UX a little nicer; still no actual backend stuff. This changes: - When you drop an item onto a different column, the item actually moves. - Empty columns render with a special CSS class now, but no nodes in the list. This cleans up some JS jankiness. I made the "empty" columns have a light blue background for now. We could put some sort of subtle background image in them instead, or some kind of call to action if it's not redundant with other UI. Test Plan: {F101208} Reviewers: chad, btrahan Reviewed By: chad CC: chad, aran Maniphest Tasks: T1344 Differential Revision: https://secure.phabricator.com/D7942
2014-01-13 21:24:13 +01:00
}
Add owner to task boards, tidy UI Summary: Displays task owner, hides grip texture. Test Plan: Visit a board in my sandbox, grab and move things. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, epriestley, aran Differential Revision: https://secure.phabricator.com/D8246
2014-02-16 18:26:22 +01:00
/* - Workpanel Cards -----------------------------------------------------------
Slight display changes for how cards work in tight spaces
*/
.phui-workpanel-view .phui-object-item-grippable .phui-object-item-frame {
padding-left: 0;
}
.phui-workpanel-view .phui-object-item-grip {
display: none;
}
.phui-workpanel-view .phui-object-item-attribute a {
color: {$bluetext};
}
Copy permalink