Skip to content

Commit

Permalink
Merge pull request #569 from StampyAI/jh-532-remove-summary-triangle-…
Browse files Browse the repository at this point in the history
…webkit-2

fix(menu.css): remove disclosure triangle for webkit browser
  • Loading branch information
jrhender committed Mar 24, 2024
2 parents f5c2781 + 103ed74 commit 47e3555
Showing 1 changed file with 10 additions and 0 deletions.
10 changes: 10 additions & 0 deletions app/components/ArticlesNav/menu.css
Original file line number Diff line number Diff line change
Expand Up @@ -35,6 +35,16 @@
cursor: pointer;
}

/*
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/summary#default_style
"For Webkit-based browsers, such as Safari, it is possible to control the icon display
through the non-standard CSS pseudo-element ::-webkit-details-marker.
To remove the disclosure triangle, use summary::-webkit-details-marker { display: none }."
*/
.articles-group details summary::-webkit-details-marker {
display: none;
}

.articles-dropdown {
padding-left: var(--spacing-40);
}
Expand Down

0 comments on commit 47e3555

Please sign in to comment.