codetree / feedback

A central hub for user feedback for Codetree
https://codetree.com
20 stars 15 forks source link

Better Print CSS style & structure #219

Open leonardfactory opened 7 years ago

leonardfactory commented 7 years ago

I find myself usually executing this tiny JS snippet in the console just to have a printable version of the issues list:

$('.sidebar').remove();
$('.col-user').remove(); // Assignee not needed in this specific case, but this is optional (may be a configurable parameter?)
$('.issue-list-container').css('margin-left', '30px');
$('.navbar').remove();
$('.issues').css('margin-top', '30px');
$('.issue-filter-container').remove();
$('.issue-group').css('page-break-inside', 'avoid'); // Necessary in order to avoid page-break on issues group
$('.page-footer').remove();

Having a feature like this inside CodeTree would be pretty useful to my team (@favoloso).

Something that I would appreciate:

kareem commented 7 years ago

Thanks Leonardo! Couple questions:

  1. What do you use the printed cards for?
  2. Do you print tables, or kanban view, or both?
  3. Do you have specific requirements around printing? (Label size, or is 8.5x11 ok, or something else?)

On Fri, Oct 7, 2016 at 11:41 AM, Leonardo Ascione notifications@github.com wrote:

I find myself usually executing this tiny JS snippet in the console just to have a printable version of the issues list:

$('.sidebar').remove();$('.col-user').remove(); // Assignee not needed in this specific case, but this is optional (may be a configurable parameter?)$('.issue-list-container').css('margin-left', '30px');$('.navbar').remove();$('.issues').css('margin-top', '30px');$('.issue-filter-container').remove();$('.issue-group').css('page-break-inside', 'avoid'); // Necessary in order to avoid page-break on issues group$('.page-footer').remove();

Having a feature like this inside CodeTree would be pretty useful to my team (@favoloso https://github.com/favoloso).

Something that I would appreciate:

  • Simple button just like Export CSV in the footer
  • Ability to show all issues in one page (pretty tedious to navigate pages just to print them..)
  • Configurable columns (i.e. Hide labels, show assignee)
  • Configurable word-wrap for issues title (especially, avoid having their name to float under the labels list)

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/codetree/feedback/issues/219, or mute the thread https://github.com/notifications/unsubscribe-auth/AABmC50wY9Kz3uvjDZBey0ksCU5HImV2ks5qxpJegaJpZM4KRVf4 .

leonardfactory commented 7 years ago

Hi Kareem!

  1. I use them in order to archive productivity roadmaps and their evolution between sprints. This let me communicate with client manager & stakeholders effectively. Printing the plan let me archive it and share it easily during meetings.
  2. I usually print exclusively the List View. The Kanban View is extremely useful in its digital form, and usually isn't shared with anyone external from the dev group.
  3. I print them in A4 (europe, yep), but the print preview I get after executing the snippet I provided is usually perfect from my needs.