Skip to content

Commit 712f08f

Browse files
committed
[ResourceItem] Fix focus styles for BulkActions
1 parent b332eb7 commit 712f08f

File tree

2 files changed

+13
-2
lines changed

2 files changed

+13
-2
lines changed

polaris-react/src/components/ResourceItem/ResourceItem.scss

Lines changed: 12 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -152,16 +152,26 @@
152152
}
153153
}
154154

155-
// stylelint-disable-next-line selector-max-class -- override border radius for selectable items
155+
// stylelint-disable-next-line selector-max-class -- set border radius for selectable items
156156
&.selectable {
157157
border-radius: var(--p-border-radius-0-experimental);
158158

159159
@media #{$p-breakpoints-sm-up} {
160-
// stylelint-disable-next-line -- override border radius for last selectable item to match ResourceList border radius
160+
// stylelint-disable-next-line -- set border radius for last selectable item to match ResourceList border radius
161161
&:last-child {
162162
border-bottom-left-radius: var(--p-border-radius-3);
163163
border-bottom-right-radius: var(--p-border-radius-3);
164164
}
165+
166+
// stylelint-disable-next-line -- set border radius for last selectable item to match BulkActions border radius
167+
&.hasBulkActions {
168+
&:last-child {
169+
&.selected {
170+
border-bottom-left-radius: var(--p-border-radius-0-experimental);
171+
border-bottom-right-radius: var(--p-border-radius-0-experimental);
172+
}
173+
}
174+
}
165175
}
166176
}
167177
}

polaris-react/src/components/ResourceItem/ResourceItem.tsx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -225,6 +225,7 @@ class BaseResourceItem extends Component<CombinedProps, State> {
225225
styles.ListItem,
226226
focused && !focusedInner && styles.focused,
227227
hasBulkActions && styles.hasBulkActions,
228+
selected && styles.selected,
228229
selectable && styles.selectable,
229230
);
230231

0 commit comments

Comments
 (0)