From d94c55f88681899e060875ddd34030b75c02d683 Mon Sep 17 00:00:00 2001 From: Eryn Wells Date: Mon, 7 Oct 2024 20:58:44 -0700 Subject: [PATCH] Remove the Table Of Contents marker in Chrome --- assets/css/099_table_of_contents.css | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/assets/css/099_table_of_contents.css b/assets/css/099_table_of_contents.css index cb691c1..9f1c27e 100644 --- a/assets/css/099_table_of_contents.css +++ b/assets/css/099_table_of_contents.css @@ -10,6 +10,15 @@ details:has(#TableOfContents) { 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 { display: none; } @@ -23,7 +32,6 @@ details:has(#TableOfContents) { #TableOfContents { > ul { - padding-inline-start: 2ch; /*var(--space-m);*/ margin-block: 0; font-size: var(--text-m); }