search

src-its / help-content

a drafting site for help content
0 stars 2 forks source link

print set-up: prettification #3

Closed aaronkyle closed 9 years ago

aaronkyle commented 9 years ago

As it is currently formatting, our print set-up pages will have very long sections for each OS due to the stacking of short instruction text and individual images. We may be able to improve the look of these sections using responsive tables.

Please try your hand at this task: Create a git branch called 'tables' (or something else descriptive) and try to add in a CSS class for responsive tables, and then re-structure the HTML to render text instructions over tables so that they would appear next to one another in a full screen browser, and otherwise neatly stacked for narrower browser views (e.g., mobile devices and tablets).

aaronkyle commented 9 years ago

In pull #4 , Jude @jfoos added (some advanced and excellent) CSS to effect customized responsive behavior. This method works well, but we'll still need to adapt it a bit in order to integrate it with our instructions set. My most recent commit provides an alternative approach... one that isn't working properly, but which ideally helps to model the behavior we're looking for.

Jude: Would you like to keep working on this?

Snuggleton commented 9 years ago

I believe this is mostly resolved now

aaronkyle commented 9 years ago

Cheers!