Skip to content

Commit 0188159

Browse files
authored
fix: reduce CodeBlock button z-index to prevent overlap with popovers (#7783)
Fixes #7703 - CodeBlock language dropdown and copy button were appearing above popovers due to z-index: 100. Reduced to z-index: 40 to maintain proper layering hierarchy while keeping buttons functional.
1 parent 0ce4e89 commit 0188159

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

webview-ui/src/components/common/CodeBlock.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -74,7 +74,7 @@ const CodeBlockButtonWrapper = styled.div`
7474
top: var(--copy-button-top);
7575
right: var(--copy-button-right, 8px);
7676
height: auto;
77-
z-index: 100;
77+
z-index: 40;
7878
background: ${CODE_BLOCK_BG_COLOR}${WRAPPER_ALPHA};
7979
overflow: visible;
8080
pointer-events: none;

0 commit comments

Comments
 (0)