search

jdan / 98.css

A design system for building faithful recreations of old UIs
https://jdan.github.io/98.css
MIT License
9.01k stars 299 forks source link

Remove user agent summary arrow #132

Closed isiah-lloyd closed 2 years ago

isiah-lloyd commented 2 years ago

Browsers by default show an arrow next to <summary> elements, this is redundant for 98.css as it has it's own marker. Without disabling this marker two separate markers will be shown:

image

docs.css fixed this for the docs website but this is something that should be pulled up to the main stylesheet.

The rule uses the new ::marker pseduo-element which is supported by all modern browsers except for Safari which is why the vendor prefixed ::-webkit-details-marker is also included.

(Beta versions of Safari add support for ::marker so the vendor prefixed selector could be dropped in the near future)

vercel[bot] commented 2 years ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated
98css ✅ Ready (Inspect) Visit Preview May 20, 2022 at 0:37AM (UTC)
isiah-lloyd commented 2 years ago

Turns out setting display: none doesn't actually fix anything. The docs stylesheet had another rule for summary that set it to inline (which for some reason also gets rid of the marker). Setting the content to an empty string seems to actually remove the marker.