diff --git a/resources/css/pages/repertoire-metiers.css b/resources/css/pages/repertoire-metiers.css index 7196a6c..471b4e4 100644 --- a/resources/css/pages/repertoire-metiers.css +++ b/resources/css/pages/repertoire-metiers.css @@ -9,7 +9,7 @@ } .metier-patrimoine-searchbar { - @apply max-w-xs; + @apply w-80 lg:w-80 shrink-0; h4 { @apply my-0; } @@ -17,8 +17,18 @@ @apply pl-0; @apply flex flex-wrap; - ul { - @apply pl-4 my-1 w-full; + &__subtaxonomy-list { + @apply pl-4 my-1 w-full hidden; + } + + &:has(> input[type='checkbox']:checked) { + .checkbox-choice__subtaxonomy-list { + @apply block bg-patrimoine-sante-securite-light; + } + } + + li { + @apply flex w-auto flex-shrink; } &:before { content: none; @@ -29,7 +39,13 @@ /* @apply inline; */ } label { - @apply -translate-y-1 ml-2; + @apply -translate-y-1 ml-2 flex; + } + > label { + max-width: 80%; + } + input[type='checkbox'] { + @apply shrink-0; } input[type='checkbox']:before { box-shadow: inset 1em 1em #8b2ff7; @@ -64,26 +80,31 @@ width: 36px; } label[for='building_elements']:before { - background-image: url('../resources/img/Homegrade_repertoire-elements.svg'); + background-image: url('../resources/img/pictogrammes/Homegrade_repertoire-elements.svg'); } label[for='job_types']:before { - background-image: url('../resources/img/Homegrade_repertoire-metiers.svg'); + background-image: url('../resources/img/pictogrammes/Homegrade_repertoire-metiers.svg'); } } } + &__geographic-filters, &__elements-batiments-filters, &__metiers-filters { - @apply border border-neutral-300 p-4 rounded-3xl my-4; + @apply border border-neutral-300 p-4 rounded-3xl my-4 w-full; + } + &__elements-batiments-filters, + &__metiers-filters { + @apply hidden; } /* HIDE METIERS FILTERS WHEN SEARCH IS ON ELEMENTS BATIMENTS */ &:has( .metier-patrimoine-searchbar__search-by #elements_batiments_checkbox:checked ) { - .metier-patrimoine-searchbar__metiers-filters { - /* @apply hidden; */ - @apply opacity-40; + .metier-patrimoine-searchbar__elements-batiments-filters { + @apply block; + /* @apply opacity-40; */ } } @@ -93,9 +114,9 @@ .metier-patrimoine-searchbar__search-by #metiers_checkbox:checked ) { - .metier-patrimoine-searchbar__elements-batiments-filters { - /* @apply hidden; */ - @apply opacity-40; + .metier-patrimoine-searchbar__metiers-filters { + @apply block; + /* @apply opacity-40; */ } } }