fix: Remove padding of search highlight and unify bg-color

MoritzWeber0 · MoritzWeber0 · commit 30b1f97feb48 · 2025-05-24T22:49:07.000+02:00
diff --git a/assets/sass/_variables.scss b/assets/sass/_variables.scss
@@ -18,4 +18,5 @@ body {
   --border-radius-l: 1.2rem;
   --pagefind-ui-border-radius: var(--border-radius-l);
   --pagefind-ui-border: #000;
+  --bs-highlight-bg: var(--bg-accent);
 }
diff --git a/assets/sass/styles.scss b/assets/sass/styles.scss
@@ -168,3 +168,7 @@ img {
   border-radius: var(--border-radius-l);
   margin-bottom: 2.4rem;
 }
+
+.pagefind-highlight {
+  padding: 0px !important;
+}
diff --git a/layouts/shortcodes/expander.html b/layouts/shortcodes/expander.html
@@ -1,6 +1,6 @@
 <details name="{{ (.Get 1) }}">
 <summary>
-    {{ (.Get 0) }}
+    <span>{{ (.Get 0) }}</span>
 </summary>
 <div>
     {{ .Inner }}

Original file line number	Diff line number	Diff line change
`@@ -18,4 +18,5 @@ body {`
`18`	`18`	`--border-radius-l: 1.2rem;`
`19`	`19`	`--pagefind-ui-border-radius: var(--border-radius-l);`
`20`	`20`	`--pagefind-ui-border: #000;`
	`21`	`+ --bs-highlight-bg: var(--bg-accent);`
`21`	`22`	`}`
Original file line number	Diff line number	Diff line change
`@@ -168,3 +168,7 @@ img {`
`168`	`168`	`border-radius: var(--border-radius-l);`
`169`	`169`	`margin-bottom: 2.4rem;`
`170`	`170`	`}`
	`171`	`+`
	`172`	`+.pagefind-highlight {`
	`173`	`+ padding: 0px !important;`
	`174`	`+}`