New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Making result (pagefind-ui__result) clickable instead of title #606
Comments
Especially the optional image left to a result is expected by most userers to be a clickable link to the hit. see #235 posted long ago |
Is there any workaround possible? |
I think it should be possible with these styles: .pagefind-ui__result {
position: relative;
}
.pagefind-ui__result-link::after {
position: absolute;
inset: 0;
content: "";
} You can try it here (where I don't use the default CSS): |
That worked well thanks! A more modular/minimal UI solution that you have more control over yourself would be a nice photo addition, but this will most definitely do for now. Thanks a lot :) |
@alexanderameye you're welcome, happy it worked! |
Right now, the element with class
pagefind-ui__result-link
is the one that is actually clickable. How is it possible to make the whole result clickable? (Theli
element with the classpagefind-ui__result
)The text was updated successfully, but these errors were encountered: