material-components-web icon indicating copy to clipboard operation
material-components-web copied to clipboard

[mdc-top-app-bar] Menu and action items overlaps in collapsed short variant. (Doc issue)

Open pogorv12 opened this issue 3 years ago • 3 comments

Hello!

It is missed in the mdc-top-app-bar doc, that .mdc-top-app-bar--short-has-action-item class should be added to the root element to have the correct collapse transformation without action and menu button overlapping.

Adding this information in doc could save some debugging time for others.

Thanks.

pogorv12 avatar Nov 19 '21 15:11 pogorv12

Do you have a Glitch/Codepen demo to verify? Thanks!

joyzhong avatar Nov 24 '21 19:11 joyzhong

Don't have any, but you can check it on mdc demo example https://material-components.github.io/material-components-web-catalog/#/component/top-app-bar/short-collapsed

pogorv12 avatar Nov 24 '21 20:11 pogorv12

Feel free to send a PR to add to https://github.com/material-components/material-components-web/blob/master/packages/mdc-top-app-bar/README.md#css-classes. Thanks!

joyzhong avatar Nov 29 '21 16:11 joyzhong