From 9c04cfcc184b4927ffa21732246b2bfa7b8d7785 Mon Sep 17 00:00:00 2001 From: MokireddySampath <120497218+MokireddySampath@users.noreply.github.com> Date: Wed, 27 Sep 2023 20:40:19 +0530 Subject: [PATCH] outline invisible on higher contrast themes (#1469) * arialabel has been added to close button of invitational youtube video * heading role has been addedd and tag has been changed to h1 * outline has been restored to choose columns link in entities page * header text color changed to meet luminosity ratio requirement * capacity calculator link has been added with underline on focus * add property is readout twice while using screenreader * arialabel added to the add property button * screenreader content changed to announce the entire alert * focus indicator outline invisbile on higher contrast themes * Update fulldatatables.less * Update queryBuilder.less * Update queryBuilder.less * Update TableEntity.tsx * Update ThroughputInput.less * Update ThroughputInput.tsx * Update ThroughputInput.test.tsx.snap * Update NewVertexComponent.tsx * Update PanelInfoErrorComponent.tsx * Update RightPaneForm.tsx * Update AddTableEntityPanel.tsx * Update SplashScreen.tsx * Update QuickstartCarousel.tsx * Update AddTableEntityPanel.test.tsx.snap --- less/TableStyles/fulldatatables.less | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/less/TableStyles/fulldatatables.less b/less/TableStyles/fulldatatables.less index 955901109..754115ad7 100644 --- a/less/TableStyles/fulldatatables.less +++ b/less/TableStyles/fulldatatables.less @@ -124,12 +124,13 @@ table.dataTable thead td:active { table.dataTable thead th:focus, table.dataTable thead td:focus { - border-width: 1px; - border-style: solid; - border-color: #007ACC; + outline: 1px dashed #605E5C; + outline-offset: -2px; /*[{datatable-header-cell-focus-background}]*/ } - +table.dataTable tbody tr:focus{ + outline: 1px dashed #605E5C; +} table.dataTable thead th:hover, table.dataTable thead td:hover { border: 1px solid #007ACC;