Antoine/Metiers_du_patrimoine_theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

few tweaks

Browse Source
This commit is contained in:
Antoine M 2024-11-05 13:17:59 +01:00
parent 03c00830ce
commit f3cae803cd
1 changed files with 34 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
resources/css/pages/repertoire-metiers.css
View File

@ -9,7 +9,7 @@
} }
.metier-patrimoine-searchbar { .metier-patrimoine-searchbar {
@apply max-w-xs; @apply w-80 lg:w-80 shrink-0;
h4 { h4 {
@apply my-0; @apply my-0;
} }
@ -17,8 +17,18 @@
@apply pl-0; @apply pl-0;
@apply flex flex-wrap; @apply flex flex-wrap;
ul { &__subtaxonomy-list {
@apply pl-4 my-1 w-full; @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 { &:before {
content: none; content: none;
@ -29,7 +39,13 @@
/* @apply inline; */ /* @apply inline; */
} }
label { 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 { input[type='checkbox']:before {
box-shadow: inset 1em 1em #8b2ff7; box-shadow: inset 1em 1em #8b2ff7;
@ -64,26 +80,31 @@
width: 36px; width: 36px;
} }
label[for='building_elements']:before { 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 { 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, &__elements-batiments-filters,
&__metiers-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 */ /* HIDE METIERS FILTERS WHEN SEARCH IS ON ELEMENTS BATIMENTS */
&:has( &:has(
.metier-patrimoine-searchbar__search-by .metier-patrimoine-searchbar__search-by
#elements_batiments_checkbox:checked #elements_batiments_checkbox:checked
) { ) {
.metier-patrimoine-searchbar__metiers-filters { .metier-patrimoine-searchbar__elements-batiments-filters {
/* @apply hidden; */ @apply block;
@apply opacity-40; /* @apply opacity-40; */
} }
} }
@ -93,9 +114,9 @@
.metier-patrimoine-searchbar__search-by .metier-patrimoine-searchbar__search-by
#metiers_checkbox:checked #metiers_checkbox:checked
) { ) {
.metier-patrimoine-searchbar__elements-batiments-filters { .metier-patrimoine-searchbar__metiers-filters {
/* @apply hidden; */ @apply block;
@apply opacity-40; /* @apply opacity-40; */
} }
} }
} }