Skip to content
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

fix(material/list): list item truncates on narrow screen widths #29033

Open
wants to merge 7 commits into
base: main
Choose a base branch
from
Open

fix(material/list): list item truncates on narrow screen widths #29033

wants to merge 7 commits into from

Commits on Jun 12, 2024

  1. fix(material/list): list item truncates on narrow screen widths 

    Fixes issue with Angular Components List component where the list
item truncates on narrow screen widths (ie. mobile screens).
Removes white-space wrap style and adds some height to primary
lines for readability.

Fixes b/291296866
    @essjay05
    essjay05 committed Jun 12, 2024
    Configuration menu
    Copy the full SHA
    78a66d2 View commit details
    Browse the repository at this point in the history

  2. fix(material/list): list item truncates on narrow screenwidths 

    Updates Angular Components List item component height if the
list item has 3 lines. With the previous list item height of
88px the bottom lines letters like 'g' get cut off and less
readable.

Fixes b/247881646
    @essjay05
    essjay05 committed Jun 12, 2024
    Configuration menu
    Copy the full SHA
    2bbf92b View commit details
    Browse the repository at this point in the history

  3. fix(material/list): list truncates on narrow width screens 

    Fixes Angular Components List item component with and without
a leading avatar if it is has multiple lines for the height
to auto adjust based on the content. Added padding-bottom
for list items with a leading icon/avatar/checkbox to improve
readability.

Fixes b/291296866
    @essjay05
    essjay05 committed Jun 12, 2024
    Configuration menu
    Copy the full SHA
    2580d7c View commit details
    Browse the repository at this point in the history

  4. fix(material/list): list truncates on narrow width screens 

    Fixes bottom padding beneath Antular Components List item with
leading avatar to provide a similar space as exists above the
list item.

Fixes b/291296866
    @essjay05
    essjay05 committed Jun 12, 2024
    Configuration menu
    Copy the full SHA
    489edae View commit details
    Browse the repository at this point in the history

  5. fix(material/list): list item truncates on narrow screen widths 

    Updates fix for Angular Components List component where the list
item truncates on narrow screen widths (ie. mobile screens).
Updates the padding to be more cohesive with previous styling.

Fixes b/291296866
    @essjay05
    essjay05 committed Jun 12, 2024
    Configuration menu
    Copy the full SHA
    9d336a8 View commit details
    Browse the repository at this point in the history

  6. refactor(material/list): list item truncates on narrow screen widths 

    Updates the padding for the previous fix to Angular Components List
component for the list item truncating on narrow screen widths.

Fixes b/291296866
    @essjay05
    essjay05 committed Jun 12, 2024
    Configuration menu
    Copy the full SHA
    22d566d View commit details
    Browse the repository at this point in the history

  7. refactor(material/list): list item truncates on narrow screen widths 

    Updates the previous Angular Components List component fix to
more closely align with previous screenshots and  avoid
additional screenshot test failures.

Fixes b/291296866
    @essjay05
    essjay05 committed Jun 12, 2024
    Configuration menu
    Copy the full SHA
    369bb8c View commit details
    Browse the repository at this point in the history