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

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

Merged
merged 5 commits into from
Jan 29, 2019
Merged

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

@@ -69,8 +69,7 @@ const items = [
key: 'menuButton',
icon: {
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.

👍

import { TeamsSvgIconSpec } from '../types'

export default {
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