Skip to content

Commit 9a70c27

Browse files
committed
Remove the backdrop blur filter from the modal overlay styling
1 parent 1bacaa0 commit 9a70c27

1 file changed

Lines changed: 11 additions & 1 deletion

File tree

‎packages/ui/src/components/editor/panel/modals/Modal/Modal.module.scss‎

Lines changed: 11 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,13 +4,23 @@
44
left: 0;
55
width: 100%;
66
height: 100%;
7-
backdrop-filter: blur(2px);
87
display: flex;
98
align-items: center;
109
justify-content: center;
1110
opacity: 0;
1211
padding-bottom: 30px;
1312

13+
&::before {
14+
content: '';
15+
position: absolute;
16+
width: 100%;
17+
height: 100%;
18+
top: 0;
19+
left: 0;
20+
background-color: var(--vscode-sideBar-background);
21+
opacity: 0.7;
22+
}
23+
1424
&--visible {
1525
opacity: 1;
1626
transition: all var(--transition-duration-250)

0 commit comments

Comments
 (0)