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.

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

Update resize handle #11727

Merged
merged 8 commits into from
Aug 12, 2022
Merged

Update resize handle #11727

merged 8 commits into from
Aug 12, 2022

Conversation

gcamacho079
Copy link
Contributor

Description

Improve contrast of resize handle by using SVG with inherited --ui-control-color path fill color. New handle has a contrast ratio of 4.96:1 versus the previous 1.44:1

The corner of a resizeable modal; the resize handle is located next to Cancel and Save buttons, and consists of 3 diagonal lines that get smaller as they move closer to the corner of the modal.

Resolves DEV-489

@linear
Copy link

linear bot commented Aug 1, 2022

DEV-489 Modal resize handle does not meet minimum contrast requirements for UI components

Where: Modal resize handle

The handle image color has a contrast ratio of only 1.44:1 (#BDC6D0 on #E4EDF6) against the modal background

The resize handle image should be darkened to something like #7284BB in order to meet a 3:1 ratio

Resolves CMS-139

# Conflicts:
#	src/web/assets/admintable/dist/css/app.css
#	src/web/assets/admintable/dist/js/app.js
#	src/web/assets/admintable/dist/js/app.js.map
#	src/web/assets/cp/dist/css/cp.css
#	src/web/assets/cp/dist/css/cp.css.map
#	src/web/assets/garnish/dist/garnish.js
#	src/web/assets/garnish/dist/garnish.js.map
#	src/web/assets/pluginstore/dist/css/app.css
#	src/web/assets/pluginstore/dist/css/app.css.map
[ci skip]
@brandonkelly brandonkelly merged commit 3245fd5 into 4.3 Aug 12, 2022
@brandonkelly brandonkelly deleted the update-resize-handle branch August 12, 2022 21:25
@gcamacho079 gcamacho079 added the accessibility 👤 features related to accessibility label Sep 26, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility 👤 features related to accessibility
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants