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

UI: Category Cards & Living Styleguide #350

Merged
merged 10 commits into from Dec 12, 2018

Conversation

Projects
None yet
1 participant
@colszowka
Copy link
Member

colszowka commented Dec 12, 2018

This PR introduces new, unified category card component.

It also marks the beginning of an effort to clean up and unify styling across the site into reusable components to get rid of the current, chaotic sprinkles of bulma-specific CSS classes within the views.

To that end, this card is used via a simple helper that calls the underlying partial.

This PR also introduces a very simple "living styleguide" to document, showcase and test components and their intended use in isolation. After deploy, the page will be available via https://www.ruby-toolbox.com/pages/components

The styleguide is rendered using the high_voltage gem, which is also newly introduced here. The gem will also be used for the upcoming docs/guides section.

The new card component is introduced across the page in it's different styles, and will also be helpful for showing popular categories nicely via #335

Here's a bunch of before/after screenshots combined into looping gifs (with convert -delay 100 -loop 0 old.png new.png out.gif):

search


categories


mobile_project_details


search_multi_category

@colszowka colszowka merged commit 461b1e6 into master Dec 12, 2018

2 checks passed

continuous-integration/travis-ci/pr The Travis CI build passed
Details
continuous-integration/travis-ci/push The Travis CI build passed
Details

@colszowka colszowka deleted the co-category-cards branch Dec 12, 2018

@colszowka colszowka referenced this pull request Jan 9, 2019

Merged

Landing page #335

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