From 3dac85c471f6dff3d33f32f484c9181dc8a8883a Mon Sep 17 00:00:00 2001 From: RiteshHMCTS Date: Thu, 16 Apr 2026 16:48:27 +0100 Subject: [PATCH] accessibility issue with confirm button text --- package.json | 2 +- projects/ccd-case-ui-toolkit/package.json | 2 +- .../datetime-picker/datetime-picker.component.scss | 12 ++++++++---- 3 files changed, 10 insertions(+), 6 deletions(-) diff --git a/package.json b/package.json index 6fb04a74de..77b384f2d9 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@hmcts/ccd-case-ui-toolkit", - "version": "7.3.49", + "version": "7.3.49-exui-4442-rc-1", "engines": { "node": ">=20.19.0" }, diff --git a/projects/ccd-case-ui-toolkit/package.json b/projects/ccd-case-ui-toolkit/package.json index 8f6ea03de8..425f8fba05 100644 --- a/projects/ccd-case-ui-toolkit/package.json +++ b/projects/ccd-case-ui-toolkit/package.json @@ -1,6 +1,6 @@ { "name": "@hmcts/ccd-case-ui-toolkit", - "version": "7.3.49", + "version": "7.3.49-exui-4442-rc-1", "engines": { "node": ">=20.19.0" }, diff --git a/projects/ccd-case-ui-toolkit/src/lib/shared/components/palette/datetime-picker/datetime-picker.component.scss b/projects/ccd-case-ui-toolkit/src/lib/shared/components/palette/datetime-picker/datetime-picker.component.scss index 02a7f7c36c..189d934625 100644 --- a/projects/ccd-case-ui-toolkit/src/lib/shared/components/palette/datetime-picker/datetime-picker.component.scss +++ b/projects/ccd-case-ui-toolkit/src/lib/shared/components/palette/datetime-picker/datetime-picker.component.scss @@ -7,9 +7,10 @@ @mixin mat-button-style { background-color: #00823b; position: relative; - display: -moz-inline-stack; - display: inline-block; - padding: .526315em .789473em .263157em; + display: inline-flex; + align-items: center; + justify-content: center; + padding: .526315em 1em .263157em; border: none; border-radius: 0; outline: 1px solid transparent; @@ -23,7 +24,10 @@ color: #fff; box-sizing: border-box; vertical-align: top; - width: 80px; + width: auto; + min-width: 96px; + white-space: nowrap; + overflow: visible; cursor: pointer; }