Skip to content

Commit

Permalink
fix Cody Web issue with @-mention menu appearing behind tabs bar
Browse files Browse the repository at this point in the history
The removal of `z-index: 1` is what was needed, and I don't see why other elements would be on top of this tab bar or its popovers.

The other diffs are from stylelint.
  • Loading branch information
sqs committed Sep 28, 2024
1 parent d2c1b99 commit befac3e
Showing 1 changed file with 2 additions and 5 deletions.
7 changes: 2 additions & 5 deletions vscode/webviews/tabs/TabsBar.module.css
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
:root {
--vscode-overlay-background: rgba(0, 0, 0, 0.5);
--vscode-overlay-background: rgb(0 0 0 / 50%);
--vscode-modal-background: var(--vscode-sideBar-background);
}

Expand All @@ -10,9 +10,7 @@
.tabs-root {
container-type: inline-size;
container-name: tabs-container;

isolation: isolate;
z-index: 1;
}

.tabs-container {
Expand Down Expand Up @@ -92,10 +90,9 @@
left: 50%;
transform: translate(-50%, -50%);
padding: 25px;

border-radius: 6px;
background-color: var(--vscode-modal-background);
box-shadow: hsl(206 22% 7% / 35%) 0 10px 38px -10px, hsl(206 22% 7% / 20%) 0 10px 20px -15px;
box-shadow: hsl(206deg 22% 7% / 35%) 0 10px 38px -10px, hsl(206deg 22% 7% / 20%) 0 10px 20px -15px;

&:focus {
outline: none;
Expand Down

0 comments on commit befac3e

Please sign in to comment.