From 8cb0892a7bcfe1ce821814954a89a686c381c1c1 Mon Sep 17 00:00:00 2001 From: Thadd Trinh Date: Tue, 9 Jan 2024 12:34:47 -0800 Subject: [PATCH 1/3] fix: update liveness button focus border to have a gap --- packages/ui/src/theme/css/component/liveness.scss | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/packages/ui/src/theme/css/component/liveness.scss b/packages/ui/src/theme/css/component/liveness.scss index cb351861653..a833c44132a 100644 --- a/packages/ui/src/theme/css/component/liveness.scss +++ b/packages/ui/src/theme/css/component/liveness.scss @@ -5,6 +5,15 @@ right: var(--amplify-space-medium); } +.liveness-detector .amplify-button--primary { + &:focus { + box-shadow: unset; + outline: var(--amplify-components-button-focus-color) solid 2px; + outline-offset: 2px; + box-shadow: unset; + } +} + .amplify-liveness-cancel-button { background-color: #fff; color: hsl(190, 95%, 30%); From 19df4bbc78c23db5aae70d28263b3e718ebfce99 Mon Sep 17 00:00:00 2001 From: thaddmt <68032955+thaddmt@users.noreply.github.com> Date: Tue, 9 Jan 2024 12:53:42 -0800 Subject: [PATCH 2/3] Create lemon-windows-invite.md --- .changeset/lemon-windows-invite.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/lemon-windows-invite.md diff --git a/.changeset/lemon-windows-invite.md b/.changeset/lemon-windows-invite.md new file mode 100644 index 00000000000..496c0086664 --- /dev/null +++ b/.changeset/lemon-windows-invite.md @@ -0,0 +1,5 @@ +--- +"@aws-amplify/ui": patch +--- + +fix: update liveness button focus border to have a gap From a69e935df54912b2528d65ab619758d2af0503c2 Mon Sep 17 00:00:00 2001 From: thaddmt <68032955+thaddmt@users.noreply.github.com> Date: Tue, 9 Jan 2024 15:53:15 -0800 Subject: [PATCH 3/3] Update packages/ui/src/theme/css/component/liveness.scss Co-authored-by: Heather Buchel --- packages/ui/src/theme/css/component/liveness.scss | 1 - 1 file changed, 1 deletion(-) diff --git a/packages/ui/src/theme/css/component/liveness.scss b/packages/ui/src/theme/css/component/liveness.scss index a833c44132a..ee588946ef6 100644 --- a/packages/ui/src/theme/css/component/liveness.scss +++ b/packages/ui/src/theme/css/component/liveness.scss @@ -10,7 +10,6 @@ box-shadow: unset; outline: var(--amplify-components-button-focus-color) solid 2px; outline-offset: 2px; - box-shadow: unset; } }