Antoine/carhop__carhop-theme__DEV
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

STYLE Refining aspect

Browse Source
This commit is contained in:
Antoine M 2026-05-13 11:53:22 +02:00
parent b9d90b9106
commit 4cdc50ed5d
1 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
resources/css/components/search-module.css
View File

@ -83,7 +83,8 @@
height: 1px; height: 1px;
} }
&__input { &__input.search-module__search-form__input {
box-sizing: border-box; box-sizing: border-box;
@apply block max-w-full w-full flex-grow !py-4 !border-white px-4 !pl-12 focus-visible:ring-primary focus-visible:ring-2; @apply block max-w-full w-full flex-grow !py-4 !border-white px-4 !pl-12 focus-visible:ring-primary focus-visible:ring-2;
@apply border rounded-none; @apply border rounded-none;
@ -93,6 +94,10 @@
border-bottom-left-radius: 999px; border-bottom-left-radius: 999px;
border: 1px solid; */ border: 1px solid; */
&:focus-visible {
@apply !pl-12
}
/* box-shadow: 0 0 1px 0px white inset, 0 0 1px 0px white; */ /* box-shadow: 0 0 1px 0px white inset, 0 0 1px 0px white; */
} }
button[type='submit'] { button[type='submit'] {
@ -108,7 +113,7 @@
&__searchbar-group { &__searchbar-group {
@apply w-full flex flex-col md:flex-row gap-y-4 relative; @apply w-full flex flex-col md:flex-row gap-y-4 relative;
&:before { &:before {
@apply content-[''] absolute inset-0 bg-contain bg-center bg-no-repeat w-6 h-6 left-4 top-1/2 -translate-y-1/2; @apply content-[''] absolute inset-0 bg-contain bg-center bg-no-repeat w-6 h-6 left-4 top-1/2 -translate-y-1/2 z-20;
background-image: url('../resources/img/icons/carhop-rechercher.svg'); background-image: url('../resources/img/icons/carhop-rechercher.svg');
filter: invert(1); filter: invert(1);
} }
@ -126,3 +131,12 @@
body:has(.search-module[opened]) main { body:has(.search-module[opened]) main {
filter: blur(2px) brightness(0.8); filter: blur(2px) brightness(0.8);
} }
body.front-end form:not(:has(.gfield)) {
.search-module__search-form__input:focus-visible,
.search-module__search-form__input{
@apply !pl-12
}
}