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

Implements the remaining component library changes #8622

Merged
merged 21 commits into from
Mar 26, 2021

Conversation

gdixon
Copy link
Contributor

@gdixon gdixon commented Mar 18, 2021

Description
  • Replace all instances of the old primary color
  • Replace remaining .button instances with .btn equivalents
  • Add error states to forms and update form styles (radios/checkboxes/btn-radio/v-select/etc...)
  • Update non vue forms to use vue (or style to match vue forms) We should open these as separate PR's so that we can prioritise accordingly
  • Update alert styles
  • Update tabs (hackathon index, grant-details page...)
  • Update accordions
  • Create style guide and component example page(s)

The style guide will be available in dev environments at http://localhost:8000/styleguide/components

Refers/Fixes

Refers: #8381

Testing

Ongoing:

Screenshot 2021-03-18 at 08 30 08

Screenshot 2021-03-18 at 08 32 21

Screenshot 2021-03-18 at 08 36 54

Screenshot 2021-03-23 at 05 43 52

Screenshot 2021-03-23 at 05 41 03

localhost_8000_styleguide_components

@gdixon gdixon changed the title Implements the remaining component library changes WIP: Implements the remaining component library changes Mar 18, 2021
@PixelantDesign
Copy link
Contributor

looking good!

@PixelantDesign
Copy link
Contributor

Is there a way to publish each component on a page so that we can preview/ play with it?

@gdixon gdixon changed the title WIP: Implements the remaining component library changes Implements the remaining component library changes Mar 24, 2021
@gdixon gdixon marked this pull request as ready for review March 24, 2021 04:28
@gdixon
Copy link
Contributor Author

gdixon commented Mar 24, 2021

Is there a way to publish each component on a page so that we can preview/ play with it?

All changes are now in - I'll check if we can switch over the branch on staging so that you can all review 😄

@gdixon gdixon mentioned this pull request Mar 26, 2021
2 tasks
@thelostone-mc thelostone-mc merged commit 7818f87 into master Mar 26, 2021
iRhonin pushed a commit to iRhonin/web that referenced this pull request Apr 23, 2021
* Replaces all instances of #3E00FF with #6F3FF5

* Replaces remaining .button types with .btn types

* Fixes minor style bugs on landing and activity feed

* Fixes hackathon dashboard styles

* Fixes form styles and adds error state to inputs/selects/btn-radios etc...

* Tidy up townsquare

* Implements .bs-alert to replace .alert

* Updates .nav-tabs to primary color

* Implements .gc-accordion design and drops jquery accordion show/hide

* Double quotes -> single quotes

* Cleans up styles

* Adds component style guide

* Drops sass_experiment

* Fixes linting error

* Removes dead code

* Adds third-party libraries, typography examples and color examples to style guide

* Fixes vs-select min-height and adds font-weight:bold to selected accordion

Co-authored-by: Aditya Anand M C <[email protected]>
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.

4 participants