styling the gestion page

This commit is contained in:
Antoine M 2025-02-25 17:41:03 +01:00
parent 1f6e674d52
commit 95fe6bb1e6
2 changed files with 142 additions and 22 deletions

View File

@ -3,6 +3,7 @@
/* DASHBOARD */
@import './dashboard/advisor-dashboard-widget.css';
@import './dashboard/gestion-artisans.css';
body.post-type-chantiers,
body.post-type-artisans {
@ -21,29 +22,29 @@ body.post-type-artisans {
/* ---------------------------
STATUTS
---------------------------*/
.post-type-artisans {
.status-state {
@apply font-medium rounded-2xl px-2 py-2 w-fit mx-auto;
&--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;
}
.status-state {
@apply font-medium rounded-2xl px-2 py-2 w-fit mx-auto;
&--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;
}
}
.post-type-artisans {
#conseiller,
#status,
#lastmodified,
@ -540,6 +541,28 @@ ul.striped > :nth-child(odd) {
}
}
/* ------------------------------------
ARTISANS POST DROPDOWN FILTERS
------------------------------------*/
#filter-by-date {
@apply !hidden;
}
.tablenav .actions #post-query-submit {
@apply bg-patrimoine-sante-securite text-white border-none;
}
select:not(select[data-enpassusermodified='yes']) {
@apply opacity-75;
}
select:has(option[selected]),
select[data-enpassusermodified='yes'] {
@apply border-2 border-solid !border-patrimoine-sante-securite;
}
.please-select {
@apply !text-neutral-600;
}
/* ------------------------------------
CUSTOMIZATION BASED ON USER ROLE
------------------------------------*/

View File

@ -0,0 +1,97 @@
.gestion-artisans {
@apply px-12;
.filter-artisans {
@apply flex gap-1 items-center pt-4;
label {
@apply mr-8;
}
}
}
.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 {
@apply flex justify-between items-center pl-4 py-2;
border-left: 4px solid theme('colors.rose.300');
&:nth-child(even) {
@apply bg-stone-50;
}
a {
@apply w-fit block text-base;
}
.status-state {
@apply mx-0;
}
}
}
&--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');
}
}
&--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;
}
}