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

playing around with the styles a bit. #2

Draft
wants to merge 4 commits into
base: main
Choose a base branch
from

Conversation

coldnebo
Copy link

@coldnebo coldnebo commented Jan 11, 2024

Here's my early work. what do you think? @freerobby @eilifjohansen

style inspired by Scott Pace and Marc Nathanson of EastCoastAero Club [example PDF], which I find to be a nice balance of tight layout and legibility.

I included @eilifjohansen branch with the dots update. I'm considering doing a revamp of the columns using the css3 column support, but don't know if you tried that already. I'd like the checklists to flow to the page length, with a 3 column layout preferred... any more or less starts to look strange. The problem is the fixed height of the current way the columns are being done, but column CSS may now have a way around that, I don't know, it's been a while since I tried 3 col layouts... a lot has changed. ideas welcome!

This isn't a clean PR yet, so I'm keeping it a draft until the other PR gets merged or so.

UPDATE:

Screenshot:
image

Example PDF:
aviation-checklist.pdf

The tradeoff I made was the print version looks ok, but the screenshot has really long columns. Not sure how to avoid that or break it up, but if the use is primarily print, maybe it's ok?

It's also likely that this tweaking looks good on my system only (linux/chrome/webfonts). the Screenshot and PDF should provide guidance on what I see.

@coldnebo coldnebo marked this pull request as draft January 11, 2024 19:54
@freerobby
Copy link
Owner

@coldnebo Thanks for this. I mostly like these changes aesthetically. Only nit is I would avoid the all-uppercase because I think it makes it harder to read (can't make out the shape of the word as well).

I don't recall all the ways I tried to format things, but I do remember it being challenging to nail the screen + print/PDF views in any elegant way. If there is a cleaner way to do it with column CSS that would be great (sorry I can't be more helpful -- it's been ages since I attempted something like that).

Appreciate the work here!

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

Successfully merging this pull request may close these issues.

3 participants