Skip to content

Commit 18aeb52

Browse files
authored
fix(AnalyticalTable): improve focus border alignment (#5944)
Fixes #5898
1 parent 36b0f84 commit 18aeb52

File tree

1 file changed

+12
-6
lines changed

1 file changed

+12
-6
lines changed

packages/main/src/components/AnalyticalTable/AnalyticalTable.module.css

Lines changed: 12 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -210,12 +210,18 @@
210210
}
211211

212212
&:focus {
213-
outline-offset: calc(-1 * var(--sapContent_FocusWidth));
214-
outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
215-
216-
&[data-empty-row-cell] {
217-
outline: none;
218-
}
213+
outline: none;
214+
}
215+
&:not([data-empty-row-cell]):focus::after {
216+
content: '';
217+
pointer-events: none;
218+
inset-inline: 1px;
219+
inset-block: 1px;
220+
border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
221+
position: absolute;
222+
}
223+
&[aria-selected='true']:not([data-empty-row-cell]):focus::after {
224+
inset-block-end: 2px;
219225
}
220226
}
221227

0 commit comments

Comments
 (0)