Skip to content
This repository has been archived by the owner on Jan 13, 2025. It is now read-only.

fix(list): Fix font size and placement for avatar graphic #4021

Merged
merged 6 commits into from
Nov 15, 2018

Conversation

kfranqueiro
Copy link
Contributor

Fixes #4007.

@mdc-web-bot
Copy link
Collaborator

Copy link
Contributor

@acdvorak acdvorak left a comment

Choose a reason for hiding this comment

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

One question, otherwise LGTM!

@@ -87,7 +87,9 @@
@include mdc-list-item-primary-text-ink-color(text-disabled-on-background);
}

.mdc-list-item__graphic {
// Extra specificity is to override .material-icons display style if used in conjunction with mdc-list-item__graphic
Copy link
Contributor

Choose a reason for hiding this comment

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

Would it make sense to only increase specificity for display: inline-flex?

E.g.:

.mdc-list-item__graphic {
  @include mdc-list-graphic-size_(24px);

  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  fill: currentColor;
}

// Extra specificity is to override .material-icons display style if used in conjunction with mdc-list-item__graphic
// stylelint-disable plugin/selector-bem-pattern
.mdc-list .mdc-list-item__graphic {
  display: inline-flex;
}
// stylelint-enable plugin/selector-bem-pattern

@kfranqueiro kfranqueiro assigned kfranqueiro and unassigned acdvorak Nov 9, 2018
@mdc-web-bot
Copy link
Collaborator

@mdc-web-bot
Copy link
Collaborator

@mdc-web-bot
Copy link
Collaborator

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants