Skip to content
This repository was archived by the owner on Mar 4, 2020. It is now read-only.

feat(Icon): add chevron icons for expand/collapse#785

Merged
kuzhelov merged 5 commits intomasterfrom
feat/add-chevron
Jan 29, 2019
Merged

feat(Icon): add chevron icons for expand/collapse#785
kuzhelov merged 5 commits intomasterfrom
feat/add-chevron

Conversation

@codepretty
Copy link
Collaborator

Two chevron icons are needed for expanding / collapsing control messages
image

I also did a quick fix on the menu toolbar more icon
Before
image

After
image

name: 'more',
circular: true,
size: 'small',
variables: { outline: true },
Copy link
Contributor

Choose a reason for hiding this comment

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

👍

icon: ({ classes }) => (
<svg role="presentation" focusable="false" viewBox="8 8 16 16" className={classes.svg}>
<g className={classes.filledPart}>
<g className={cx('ui-icon__filled', classes.filledPart)}>
Copy link
Contributor

@kuzhelov kuzhelov Jan 29, 2019

Choose a reason for hiding this comment

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

would suggest to introduce a constant variable for these class names, to ensure that the same value is used by all icons, as well as by menu's CSS selectors:

import { ThemeClasses } from 'themes/teams'

 <g className={cx(ThemeClasses.iconFilled, classes.filledPart)} />

Lets move it to a dedicated PR, though, as this one doesn't make this particular problem to be any worse.

@kuzhelov kuzhelov changed the title Adding chevron icons for expand/collapse feat(Icon): add chevron icons for expand/collapse Jan 29, 2019
@kuzhelov kuzhelov merged commit a9c06b2 into master Jan 29, 2019
@kuzhelov kuzhelov deleted the feat/add-chevron branch January 29, 2019 17:28
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants