Remove the Table Of Contents marker in Chrome
This commit is contained in:
parent
deaf33c0f2
commit
d94c55f886
1 changed files with 9 additions and 1 deletions
|
@ -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);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue