Skip to content

Commit 09349f5

Browse files
committed
fix: keep Clear button within the search input
With relative spacing, if the form grows (as it does when results come in), the button would move along with it. With absolute values and no transform, it stays where it needs to stay. Signed-off-by: Mike Fiedler <miketheman@gmail.com>
1 parent cae73c6 commit 09349f5

File tree

1 file changed

+2
-3
lines changed
  • pep_sphinx_extensions/pep_theme/static

1 file changed

+2
-3
lines changed

pep_sphinx_extensions/pep_theme/static/style.css

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -485,11 +485,10 @@ dl.footnote > dd {
485485
opacity: 0.5;
486486
}
487487

488-
/* Clear button */
488+
/* Clear button - fixed position relative to input (30px height, center button) */
489489
.pagefind-ui__search-clear {
490490
position: absolute;
491-
top: 50%;
492-
transform: translateY(-50%);
491+
top: 5px;
493492
right: 4px;
494493
padding: 2px 6px;
495494
color: var(--pagefind-ui-text);

0 commit comments

Comments
 (0)