Skip to content

Conversation

@ChitlangeSahas
Copy link
Contributor

@ChitlangeSahas ChitlangeSahas commented Oct 6, 2022

Closes: #822

Accordion updates for Clockface 4 to match figma.

Screen.Recording.2022-10-05.at.11.11.18.PM.mov

@ChitlangeSahas ChitlangeSahas force-pushed the clockface_4_running_master branch from 5117741 to 27afbad Compare October 6, 2022 05:31
isExpanded,
setExpanded,
iconPlacementPosition: hasBody ? iconPlacementPosition : Direction.None,
iconPlacementPosition: hasBody ? Direction.Left : Direction.None,
Copy link
Contributor Author

Choose a reason for hiding this comment

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

We want to force left placement of icons for more consistency.

style={{justifyContent: 'none', alignItems: 'start', display: 'block'}}
>
<Accordion
iconPlacement={
Copy link
Contributor Author

Choose a reason for hiding this comment

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

delete that option from storybook

@ChitlangeSahas ChitlangeSahas force-pushed the clockface_4_running_master branch from 27afbad to c9726e3 Compare October 6, 2022 05:34
</Accordion.AccordionHeader>
<Accordion.AccordionBodyItem>
<span>
This is your detailed body. This is your detailed body. This is
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Found this annoying, so changed it.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Lorem ipsum is a pretty standard replacement.

@ChitlangeSahas ChitlangeSahas force-pushed the clockface_4_running_master branch from c9726e3 to f0f85f9 Compare October 6, 2022 05:37
1. Colors and Icon placement
2. Fixed the icon bug for when accordion opens/closes (it didn't change icons)
3. Updated storybook
@ChitlangeSahas ChitlangeSahas force-pushed the clockface_4_running_master branch from f0f85f9 to 642d8a7 Compare October 6, 2022 05:47
Comment on lines +77 to +79
&--no-body {
margin-left: 25px;
}
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Screen Shot 2022-10-05 at 10 47 48 PM

Copy link
Contributor Author

Choose a reason for hiding this comment

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

previous, looked off.

Screen Shot 2022-10-05 at 10 48 34 PM

@ChitlangeSahas ChitlangeSahas changed the title feat: Clockface 4 upgrades feat(Accordion): Clockface 4 Updates Oct 6, 2022
@ChitlangeSahas ChitlangeSahas deleted the clockface_4_running_master branch October 6, 2022 06:07
@ChitlangeSahas ChitlangeSahas restored the clockface_4_running_master branch October 6, 2022 06:07
@ChitlangeSahas ChitlangeSahas reopened this Oct 6, 2022
@ChitlangeSahas ChitlangeSahas changed the base branch from master to clockface-4-master October 6, 2022 06:08
@ChitlangeSahas ChitlangeSahas marked this pull request as ready for review October 6, 2022 06:08
@ChitlangeSahas ChitlangeSahas merged commit bab941f into clockface-4-master Oct 6, 2022
@ChitlangeSahas ChitlangeSahas deleted the clockface_4_running_master branch October 6, 2022 06:12
@ChitlangeSahas
Copy link
Contributor Author

Part of #6090

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.

Update Accordion component colors & remove right aligned icon option

2 participants