Skip to content

Commit f221f2a

Browse files
authored
fix: z-index to sheet overlay (#137)
1 parent 19feaa1 commit f221f2a

File tree

1 file changed

+16
-8
lines changed

1 file changed

+16
-8
lines changed

packages/raystack/sheet/sheet.module.css

Lines changed: 16 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -48,8 +48,8 @@
4848
.overlay {
4949
position: fixed;
5050
inset: 0;
51-
52-
background-color: rgba(0, 0, 0, .15);
51+
z-index: 1;
52+
background-color: rgba(0, 0, 0, 0.15);
5353
}
5454

5555
.overlay[data-state="open"] {
@@ -65,7 +65,7 @@
6565
align-items: center;
6666
border-radius: 4px;
6767
font-weight: 500;
68-
68+
6969
position: absolute;
7070
top: 8px;
7171
right: 8px;
@@ -76,11 +76,19 @@
7676
}
7777

7878
@keyframes fadeIn {
79-
0% { opacity: 0 }
80-
100% { opacity: 1 }
79+
0% {
80+
opacity: 0;
81+
}
82+
100% {
83+
opacity: 1;
84+
}
8185
}
8286

8387
@keyframes fadeOut {
84-
0% { opacity: 1 }
85-
100% { opacity: 0 }
86-
}
88+
0% {
89+
opacity: 1;
90+
}
91+
100% {
92+
opacity: 0;
93+
}
94+
}

0 commit comments

Comments
 (0)