From 3f88bec31a1e15267f18c0378a22a8a40c0cc844 Mon Sep 17 00:00:00 2001 From: Michael Czechowski Date: Wed, 14 Jan 2026 17:56:50 +0100 Subject: [PATCH] fix: use clip-path for sidebar chevrons (better cross-browser support) --- src/main.css | 22 ++++++++++++---------- 1 file changed, 12 insertions(+), 10 deletions(-) diff --git a/src/main.css b/src/main.css index fc3ac31..c250b31 100644 --- a/src/main.css +++ b/src/main.css @@ -993,22 +993,25 @@ details.module-container { summary.module-header { list-style: none; + list-style-type: none; cursor: pointer; } -summary.module-header::-webkit-details-marker { +summary.module-header::-webkit-details-marker, +summary.module-header::marker { display: none; + content: ""; } summary.module-header::before { content: ""; - display: inline-block; - width: 0; - height: 0; + display: block; + flex-shrink: 0; + width: 6px; + height: 10px; margin-right: 8px; - border-top: 5px solid transparent; - border-bottom: 5px solid transparent; - border-left: 6px solid var(--text-muted); + background: var(--text-muted); + clip-path: polygon(0 0, 100% 50%, 0 100%); transition: transform 0.2s; } @@ -1649,12 +1652,11 @@ input:checked + .toggle-slider::before { padding-right: 8px; } -/* RTL: Module expand icon (CSS triangle) */ +/* RTL: Module expand icon */ [dir="rtl"] summary.module-header::before { margin-left: 8px; margin-right: 0; - border-left: none; - border-right: 6px solid var(--text-muted); + clip-path: polygon(100% 0, 0 50%, 100% 100%); } [dir="rtl"] details.module-container[open] > summary.module-header::before {