Remove the Table Of Contents marker in Chrome

This commit is contained in:
Eryn Wells 2024-10-07 20:58:44 -07:00
parent deaf33c0f2
commit d94c55f886

View file

@ -10,6 +10,15 @@ details:has(#TableOfContents) {
font-weight: bold; font-weight: bold;
} }
&::marker {
/*
* This is the only way I could figure to hide the disclosure triangle on
* Chrome. visibility:none didn't work.
* See https://mark.ie/blog/hide-the-arrow-on-details-summary-element/
*/
content: "";
}
&::-webkit-details-marker { &::-webkit-details-marker {
display: none; display: none;
} }
@ -23,7 +32,6 @@ details:has(#TableOfContents) {
#TableOfContents { #TableOfContents {
> ul { > ul {
padding-inline-start: 2ch; /*var(--space-m);*/
margin-block: 0; margin-block: 0;
font-size: var(--text-m); font-size: var(--text-m);
} }