Metiers_du_patrimoine_theme/resources/css/dashboard/gestion-artisans.css

140 lines
3.0 KiB
CSS

.gestion-artisans {
@apply px-12;
.filter-artisans {
@apply flex gap-1 items-center pt-4;
label {
@apply mr-8;
}
}
h2.page-title {
@apply text-2xl font-medium text-neutral-600;
}
}
.filters {
@apply grid grid-cols-2 gap-0 items-end pt-4 mb-12;
a {
@apply !text-xl;
border-top: none !important;
border-left: none !important;
border-right: none !important;
border-radius: 0 !important;
@apply !bg-transparent;
&.filter-active {
@apply text-patrimoine-sante-securite border border-b-4 border-patrimoine-sante-securite !cursor-not-allowed pointer-events-none;
border-bottom: 6px solid theme('colors.patrimoine-sante-securite') !important;
}
&:not(.filter-active) {
@apply text-neutral-500 text-neutral-500 opacity-50;
border-bottom: 1px solid theme('colors.neutral.500') !important;
transition: border-bottom 0.3s ease-in-out;
&:hover {
border-bottom: 6px solid theme('colors.neutral.500') !important;
}
}
}
}
.group-artisans {
@apply mb-24;
&__title {
@apply text-base font-medium text-white px-4 py-2 rounded-t-xl;
}
&__post-count {
@apply text-sm text-white;
}
&__no-results {
@apply text-center text-sm text-neutral-500;
}
&__list {
li.list-titles {
border: none !important;
@apply !items-end py-0 mb-0 text-neutral-400;
p {
@apply mt-0 mb-2;
}
> span {
@apply text-center;
}
}
li {
/* @apply flex justify-between items-center */
@apply grid pl-4 py-2 gap-4;
grid-template-columns: 2fr 1fr 2fr 1fr;
border-left: 4px solid theme('colors.rose.300');
&:nth-child(even) {
@apply bg-stone-50;
}
a.post-link {
@apply w-fit block text-base mr-auto;
}
.status-state {
@apply mx-0 h-fit;
}
}
}
&--action-required {
.group-artisans__title {
@apply bg-rose-600;
}
}
&--to-contact,
&--to-actualize {
.group-artisans__title {
@apply bg-yellow-500;
}
.group-artisans__list__item {
border-left: 4px solid theme('colors.yellow.400');
}
}
&--to-contact,
&--ongoing,
&--waiting-feedback {
.group-artisans__title {
@apply bg-blue-500;
}
.group-artisans__list__item {
border-left: 4px solid theme('colors.blue.400');
}
}
&--ok {
.group-artisans__title {
@apply bg-green-700;
}
.group-artisans__list__item {
border-left: 4px solid theme('colors.green.700');
}
}
}
&--ok {
@apply text-green-700;
}
&--deleted {
@apply text-rose-700;
}
&--to_actualize {
@apply text-amber-700;
}
&--to_contact {
@apply text-yellow-700;
}
&--waiting_feedback,
&--ongoing {
@apply text-blue-600;
}
&--rejected {
@apply text-rose-400;
}
.toplevel_page_gestion-artisans {
#wpfooter {
@apply hidden;
}
}