Skip to content

Move the ellipsis and close icons to the icons library#19959

Merged
youknowriad merged 4 commits intomasterfrom
update/ellipsis-close-icons
Feb 5, 2020
Merged

Move the ellipsis and close icons to the icons library#19959
youknowriad merged 4 commits intomasterfrom
update/ellipsis-close-icons

Conversation

@youknowriad
Copy link
Copy Markdown
Contributor

This PR moves two of the most used dashicons to the icons package:

  • ellipsis (kept as is)
  • no-alt (renamed close).

type="reset"
label={ __( 'Reset' ) }
icon="no-alt"
icon={ close }
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

💕

@jasmussen
Copy link
Copy Markdown
Contributor

I recall back when we introduced the Ellipsis menu, I was frowned upon for calling it an "overflow menu". Which it technically is — menu items overflow into that menu.

But we ended up with some agreement that the menu could be called, the "More menu".

Incidentally, there's Material precedence for calling it that:

Screenshot 2020-01-30 at 10 22 19

But we'll need some direction too, as we will likely have both a horizontal more icon, and a vertical more icon.

Whether we call the two icons more-horiz like Material, or more-horizontal, I have no strong opinion on... perhaps leaning ever so slightly to the latter. But up to you!

@youknowriad
Copy link
Copy Markdown
Contributor Author

I like more-horizontal. Noting that today we rotate the icon in CSS and I believe we only use more-vertical in our UI. So should we change the SVG instead as well and name it more-vertical?

@jasmussen
Copy link
Copy Markdown
Contributor

We will eventually want BOTH a vertical and a horizontal icon, and not use the SVG rotation (because we might want to use those for effects instead of foundational stuff).

So probably call the icon more-horizontal for now, and keep the CSS rotation, and if/when we get a chance to do so, perhaps in the try/g3 branch or a separate g2 icons branch, we can add another one.

@youknowriad youknowriad force-pushed the update/ellipsis-close-icons branch 2 times, most recently from 428d598 to e03bdff Compare January 30, 2020 14:49
@youknowriad youknowriad force-pushed the update/ellipsis-close-icons branch from 2843434 to 1db82f9 Compare February 5, 2020 09:50
@youknowriad youknowriad merged commit 0c089f7 into master Feb 5, 2020
@youknowriad youknowriad deleted the update/ellipsis-close-icons branch February 5, 2020 11:02
@github-actions github-actions bot added this to the Gutenberg 7.5 milestone Feb 5, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

[Type] Code Quality Issues or PRs that relate to code quality

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants