Skip to content

Commit 1ec5f28

Browse files
committed
Fix FileHeader focus/selected styles overriding --tw-shadow
1 parent 4cccb2b commit 1ec5f28

File tree

1 file changed

+7
-2
lines changed

1 file changed

+7
-2
lines changed

web/src/routes/FileHeader.svelte

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -150,13 +150,18 @@
150150
<style>
151151
.focus-and-selected-styles {
152152
&:focus {
153-
box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--color-primary) 50%, transparent);
153+
box-shadow:
154+
var(--tw-shadow),
155+
inset 0 0 0 2px color-mix(in srgb, var(--color-primary) 50%, transparent);
154156
}
155157
&[data-selected] {
156-
box-shadow: inset 4px 0 0 0 var(--color-primary);
158+
box-shadow:
159+
var(--tw-shadow),
160+
inset 4px 0 0 0 var(--color-primary);
157161
}
158162
&:focus[data-selected] {
159163
box-shadow:
164+
var(--tw-shadow),
160165
inset 0 0 0 2px color-mix(in srgb, var(--color-primary) 50%, transparent),
161166
inset 4px 0 0 0 var(--color-primary);
162167
}

0 commit comments

Comments
 (0)