Skip to content

Commit 72d4b97

Browse files
authored
Fix dropdown appearance in safari (#688)
1 parent c4487ed commit 72d4b97

File tree

1 file changed

+11
-5
lines changed

1 file changed

+11
-5
lines changed

src/Elastic.Markdown/Assets/markdown/dropdown.css

Lines changed: 11 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,22 @@
11
@layer components {
22
.markdown-content {
3-
.dropdown {
4-
@apply mt-4 border-1 border-grey-20 rounded-sm shadow-xs;
5-
.dropdown-title {
3+
4+
details > summary::-webkit-details-marker {
5+
display: none;
6+
}
7+
8+
details.dropdown {
9+
@apply mt-4 block border-1 border-grey-20 rounded-sm shadow-xs;
10+
summary.dropdown-title {
611
@apply flex
712
justify-between
813
items-center
914
px-4
1015
py-2
1116
cursor-pointer
12-
text-ink-dark
13-
font-semibold
17+
font-sans
18+
font-bold
19+
text-ink-dark
1420
;
1521
}
1622

0 commit comments

Comments
 (0)