Skip to content

fix(mdc/expansion-panel): add bottom border to header in high contras… #23613

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.

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

Merged
merged 1 commit into from
Sep 27, 2021

Conversation

zarend
Copy link
Contributor

@zarend zarend commented Sep 21, 2021

…t mode

This works great when the content below the header had top padding, but looks like a mistake when there is no space between the content and the header. We could compensate for this by margin below the header, but maybe is should be up to the application developer to decide how to style this. There might be situations where we don't want any padding under the header, of we might add duplicate padding that results in too much padding.

This change only affects high-contrast mode. YDYT?

Screenshots

Before

Screen Shot 2021-09-21 at 2 01 02 PM

After

image

image

@zarend zarend added Accessibility This issue is related to accessibility (a11y) area: material/expansion labels Sep 21, 2021
@zarend zarend requested review from jelbourn and crisbeto September 21, 2021 21:16
@google-cla google-cla bot added the cla: yes PR author has agreed to Google's Contributor License Agreement label Sep 21, 2021
Copy link
Member

@jelbourn jelbourn left a comment

Choose a reason for hiding this comment

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

LGTM, add merge ready when ready

@jelbourn
Copy link
Member

Oh, and also the commit scope should be material/expansion-panel

Add a border between the header and its content when in high contrast mode.
@zarend zarend added target: patch This PR is targeted for the next patch release action: merge The PR is ready for merge by the caretaker labels Sep 23, 2021
@amysorto amysorto merged commit d13b8ea into angular:master Sep 27, 2021
amysorto pushed a commit that referenced this pull request Sep 27, 2021
)

Add a border between the header and its content when in high contrast mode.

(cherry picked from commit d13b8ea)
@angular-automatic-lock-bot
Copy link

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Oct 28, 2021
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Accessibility This issue is related to accessibility (a11y) action: merge The PR is ready for merge by the caretaker area: material/expansion cla: yes PR author has agreed to Google's Contributor License Agreement target: patch This PR is targeted for the next patch release
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants