Skip to content

Commit a866f15

Browse files
fix: Apply border-radius to search scrollbar (#409)
<img width="1347" height="458" alt="Image" src="https://github.com/user-attachments/assets/e6d4df5b-fab7-4322-a894-161cd50bda6f" /> This PR fixes the missing border radius at the bottom right border. Co-authored-by: Robert Schuster <77234379+therobrob@users.noreply.github.com>
1 parent fc00a9b commit a866f15

File tree

1 file changed

+5
-3
lines changed

1 file changed

+5
-3
lines changed

assets/sass/search.scss

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,9 @@
1919

2020
.pagefind-ui__results-area {
2121
margin-top: 0;
22+
max-height: 50vh;
23+
padding: 0 1rem;
24+
overflow-y: scroll;
2225
}
2326

2427
.pagefind-ui__results li:last-child {
@@ -63,14 +66,13 @@
6366

6467
.pagefind-ui__drawer {
6568
background-color: var(--bg-default);
66-
padding: 0 1rem;
69+
padding: 0;
6770
overscroll-behavior: contain;
68-
overflow-y: scroll;
71+
overflow: hidden;
6972
position: absolute;
7073
top: 7rem;
7174
width: 100%;
7275
z-index: 6;
73-
max-height: 50vh;
7476
border: var(--border);
7577
border-radius: 0 0 var(--border-radius-l) var(--border-radius-l);
7678
}

0 commit comments

Comments
 (0)