Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Better Print CSS style & structure #219

Open
4 tasks
leonardfactory opened this issue Oct 7, 2016 · 2 comments
Open
4 tasks

Better Print CSS style & structure #219

leonardfactory opened this issue Oct 7, 2016 · 2 comments

Comments

@leonardfactory
Copy link

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:

  • 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)
@kareem
Copy link

kareem commented Oct 10, 2016

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
#219, or mute the thread
https://github.com/notifications/unsubscribe-auth/AABmC50wY9Kz3uvjDZBey0ksCU5HImV2ks5qxpJegaJpZM4KRVf4
.

@leonardfactory
Copy link
Author

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants