Skip to content

Commit e04c715

Browse files
committed
Add background color to the PromptField warning inner element via a pseudo-element
- use psedo element with the same color as prompt field so that the warning is not transparent
1 parent 2b20cc9 commit e04c715

1 file changed

Lines changed: 10 additions & 0 deletions

File tree

packages/ui/src/components/editor/panel/prompts/PromptField/PromptField.module.scss

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -75,6 +75,16 @@
7575
border-radius: 999px;
7676
margin: 0 8px;
7777
font-weight: 500;
78+
position: relative;
79+
80+
&::after {
81+
content: '';
82+
position: absolute;
83+
inset: 0;
84+
z-index: -1;
85+
border-radius: inherit;
86+
background-color: var(--vscode-input-background);
87+
}
7888

7989
&::before {
8090
font-family: 'codicon';

0 commit comments

Comments
 (0)