Skip to content

v2.0.0

Jump to bottom
Francis Rupert edited this page Nov 20, 2017 · 24 revisions

Summary

The 2.0.0 update is pretty significant and may contain breaking changes, so this page was set up to document primary steps to be taken by the PCP dev team to implement changes and new features.

What's changed or new

The Short Answer is https://github.com/USDA-FSA/pcp/milestone/1?closed=1. The Detailed answer is below, they are either New features or Updated items.

I would tackle the updates/changes first to avoid conflicts - most are very simple - before diving into the new features.

Download

  1. Sharepoint UX Prototype directory
  2. or PCP repo's Releases

UPDATED

1. Update fsa-style dependency version

Follow the steps listed on fsa-style dependency

Do NOT the below until you've successfully updated fsa-style. The below "Updated" items below are pretty simple, often just search-and-replace.

2. Anchor link vs flat button

The general rule of <a> vs <button>: if it goes somewhere, it's an <a>; if it invokes an action, it's a <button>. However, SPA by design can break those semantics significantly. So for those instances where it should look like a link, but act like a button, then go ahead and make it a button. For PCP, I suppose you also define that as "if the <a> doesn't have a valid href value but needs to look like a link, do the below."

The best example is the *Name column in Settings. There may be others in the app, so consider doing the below where necessary.

Replace...

<a href="link.html">text</a>

...with...

<button type="button" class="fsa-btn fsa-btn--flat">text</button>

3. Content Tabs and Stepped Tabs: anchor or button

4. Rift Marker as <button>

5. Title Action Bar button is now fsa-btn--large

6. Badge as <button> instead of <span>

7. Sticky table header rows

8. Add labels to Price Discovery

NEW

Newly-delivered design features.

1. Phase: Initialize

2. Phase: Closing

3. Phase: Review

4. Phase: Publish

5. Empty Adjustments Panel

6. Footer

Clone this wiki locally