New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

List item styling in markdown-navigator #2296

Open

christian-seifert-teradata opened this issue Dec 11, 2024 · 1 comment

christian-seifert-teradata commented Dec 11, 2024

When the markdown-navigator component is used to render lists, the styling doesn't match the material component.

Steps to reproduce the behavior:

Compare Covalent 5 with Covalent 8

Also compare to the material web component (expand the interactive demo and turn on leadingIcon)

Expected behavior
Style matches material component. Specifically we see 3 issues:

icon should be centered
Less padding between the icon and the text
Font size of header and description should be different from each other

Author

christian-seifert-teradata commented Dec 18, 2024

Another issue is that the font for the breadcrumbs has accidentally changed starting in Covalent v6.

This selector no longer matches:
https://github.com/Teradata/covalent/blob/main/libs/markdown-navigator/_markdown-navigator-theme.scss#L5

td-breadcrumbs .mat-button

.mat-button should be changed to .mdc-button

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment