Skip to content

Commit 6224ef6

Browse files
committed
fix border radius of loading spinner
1 parent 195c392 commit 6224ef6

File tree

1 file changed

+10
-1
lines changed
  • src/platform/packages/shared/kbn-unified-tabs/src/components/tab

1 file changed

+10
-1
lines changed

src/platform/packages/shared/kbn-unified-tabs/src/components/tab/tab.tsx

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -221,7 +221,16 @@ export const Tab: React.FC<TabProps> = (props) => {
221221
) : (
222222
<div css={getTabLabelContainerCss(euiTheme)} className="unifiedTabs__tabLabel">
223223
{previewData?.status === TabStatus.RUNNING && (
224-
<EuiProgress size="xs" color="accent" position="absolute" />
224+
<EuiProgress
225+
size="xs"
226+
color="accent"
227+
position="absolute"
228+
css={css`
229+
// we can't simply use overflow: hidden; because then curved notches are not visible
230+
border-top-left-radius: ${euiTheme.border.radius.small};
231+
border-top-right-radius: ${euiTheme.border.radius.small};
232+
`}
233+
/>
225234
)}
226235
<EuiFlexGroup
227236
ref={tabLabelRef}

0 commit comments

Comments
 (0)