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

docs: update Time component documentation #1959

Merged
merged 6 commits into from
Dec 15, 2020

Conversation

jessmetivier
Copy link
Contributor

Description

{{ Updated Time docs. }}

@netlify
Copy link

netlify bot commented Dec 9, 2020

✔️ Deploy preview for fundamental-styles ready!

🔨 Explore the source changes: 0397051

🔍 Inspect the deploy logs: https://app.netlify.com/sites/fundamental-styles/deploys/5fd90a84ddf93d00082843ef

😎 Browse the preview: https://deploy-preview-1959--fundamental-styles.netlify.app

@jessmetivier jessmetivier requested a review from a team December 11, 2020 19:43
@jessmetivier jessmetivier changed the title [WIP] docs: updated time documentation docs: updated time documentation Dec 11, 2020
@jessmetivier jessmetivier self-assigned this Dec 11, 2020
@jessmetivier jessmetivier added the Doc website documentation website label Dec 11, 2020
@jessmetivier jessmetivier added this to the Sprint 52 - Hilo milestone Dec 11, 2020
Copy link
Contributor

@JKMarkowski JKMarkowski left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I added 2 comments, but the rest looks great for me :)

'Default cozy mode implemented mostly to be used mobile devices. There should be at most 1 active wrapper, marked with <code class="docs-code">fd-time__wrapper--active</code> modifier. In those examples it\'s hour or meridian. The rest of items should be marked as collapsed <code class="docs-code">fd-time__item--collapsed</code>. Also meridian (AM/PM) wrapper has to contain <code class="docs-code">fd-time__wrapper--meridian</code> modifier.'
storyDescription: `The default time component is displayed in cozy mode, which is ideal for mobile screens.

Only one item and wrapper should be active at a time with the \`fd-timewrapper--active\` modifier class. The rest of the items must be collapsed with the \`fd-timeitem--collapsed\` modifier class, displaying only the collapsed slider item (blue) next to the active item.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Could you change fd-timewrapper--active to fd-time__wrapper--active?


Only one item and wrapper should be active at a time with the \`fd-timewrapper--active\` modifier class. The rest of the items must be collapsed with the \`fd-timeitem--collapsed\` modifier class, displaying only the collapsed slider item (blue) next to the active item.

**Note:** The meridian (AM/PM) wrapper must contain the \`fd-timewrapper--meridian\` modifier class.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Could you change fd-timewrapper--meridian to fd-time__wrapper--meridian?

@InnaAtanasova InnaAtanasova changed the title docs: updated time documentation docs: update Time component documentation Dec 15, 2020
@InnaAtanasova InnaAtanasova merged commit bd3b1bf into master Dec 15, 2020
@InnaAtanasova InnaAtanasova deleted the docs/update-time-documentation branch December 15, 2020 21:51
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Doc website documentation website
Projects
Development
  
Awaiting triage
Development

Successfully merging this pull request may close these issues.

None yet

4 participants