Metiers_du_patrimoine_theme/resources/css/admin-style.css
2025-10-24 09:36:28 +02:00

890 lines
19 KiB
CSS

@import './base/filters.css';
@import './base/shadows.css';
/* DASHBOARD */
@import './dashboard/advisor-dashboard-widget.css';
@import './dashboard/gestion-artisans.css';
body.post-type-chantiers,
body.post-type-artisans {
#titlediv {
@apply hidden;
}
}
.post-type-artisans #title {
/* width: 220px; */
}
.post-type-artisans #icl_translations {
width: 40px;
}
/* ---------------------------
STATUTS
---------------------------*/
.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,
#onlinedate,
.column-lastmodified,
.column-conseiller,
.column-onlinedate,
.column-status {
@apply text-center;
}
}
.column-state {
.status-state {
@apply !border-none;
}
.status-state--offline {
@apply !bg-zinc-400 !text-white;
}
.status-state--publish {
@apply !bg-green-700 !text-white;
}
}
@media screen and (max-width: 1600px) {
#lastmodified,
#onlinedate,
#conseiller {
width: 100px;
}
#status {
width: 140px;
}
}
.iedit.type-artisans.hentry {
.column-title:has(strong > a) {
color: transparent;
.post-state {
@apply px-3 py-1 rounded-2xl font-medium text-xs border border-solid inline-block w-fit;
@apply hidden;
}
}
}
.iedit.type-artisans.status-pending.hentry {
.column-title .post-state {
@apply text-amber-700 border-amber-700;
}
}
.iedit.type-artisans.status-draft.hentry {
.column-title .post-state {
@apply text-sky-700 border-sky-700;
}
}
.iedit.type-artisans.status-offline.hentry {
.column-title .post-state {
@apply text-neutral-500 border-neutral-500;
}
}
.iedit.type-artisans.status-publish.hentry {
.column-title .post-state {
@apply text-green-700 border-green-700;
}
}
#acf-group_672358433051b,
#acf-group_673610d8e548a {
@apply opacity-60;
* {
cursor: not-allowed;
/* pointer-events: none; */
}
}
/* ---------------------------
STATUTS
---------------------------*/
.subsubsub {
.all,
.publish,
.draft,
.pending,
.trash,
.offline {
@apply text-transparent border-solid border rounded-full pl-2;
}
.all {
@apply border-violet-700;
transition: all 0.6s;
a,
span {
@apply !text-violet-700;
}
&:hover,
&:has(a[aria-current='page']) {
@apply bg-violet-700;
a,
span {
@apply !text-white;
}
}
}
.draft {
@apply border-neutral-400;
transition: all 0.6s;
a,
span {
@apply !text-neutral-400;
}
&:hover,
&:has(a[aria-current='page']) {
@apply bg-neutral-400;
a,
span {
@apply !text-white;
}
}
}
.offline {
@apply border-neutral-700;
transition: all 0.6s;
a,
span {
@apply !text-neutral-700;
}
&:hover,
&:has(a[aria-current='page']) {
@apply bg-neutral-700;
a,
span {
@apply !text-white;
}
}
}
.pending {
@apply border-amber-700;
transition: all 0.6s;
a,
span {
@apply !text-amber-700;
}
&:hover,
&:has(a[aria-current='page']) {
@apply bg-amber-700;
a,
span {
@apply !text-white;
}
}
}
.trash {
@apply border-rose-700;
transition: all 0.6s;
a,
span {
@apply !text-rose-700;
}
&:hover,
&:has(a[aria-current='page']) {
@apply bg-rose-700;
a,
span {
@apply !text-white;
}
}
}
.publish {
@apply border-green-700;
transition: all 0.6s;
a,
span {
@apply !text-green-700;
}
&:hover,
&:has(a[aria-current='page']) {
@apply bg-green-700;
a,
span {
@apply !text-white;
}
}
}
}
.admin-artisan-title {
@apply text-patrimoine-sante-securite !font-semibold !text-2xl;
}
.admin-artisan-alert-nl {
@apply text-green-800 bg-white;
border: 1px solid #c3c4c7;
border-left-width: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
margin: 5px 15px 2px;
padding: 1px 12px;
}
.last-updated {
@apply text-neutral-500 !text-xs my-0;
}
.edit-post-visual-editor__post-title-wrapper {
h1 {
font-weight: revert;
font-size: revert;
}
}
/* ------------------------------------
ADMIN MENU REORGANISATION AND ASPECT
------------------------------------*/
#toplevel_page_export_datas {
@apply !py-2;
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
}
#menu-users {
@apply !py-2;
border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
}
#menu-pages,
#menu-media {
/* @apply !py-1; */
/* border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important; */
}
#menu-pages {
@apply !pt-2;
/* border-top: 1px solid rgba(255, 255, 255, 0.15) !important; */
}
#menu-pages + .wp-menu-separator {
@apply hidden;
}
#menu-posts-vocabulaire,
#menu-posts-videos-webinaires,
#toplevel_page_theme-general-settings {
}
#toplevel_page_gf_edit_forms {
border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
}
.homegrade-blocks-components-icon__panel-body {
.icon-preview {
max-width: 80px;
padding: 20px 0;
}
}
.homegrade-blocks-components-image__panel-body {
.components-tip {
margin: 10px 0;
}
.media-replace-container {
.components-dropdown .components-toolbar__control {
background-color: #e04d42;
color: white;
}
}
img {
display: block;
}
.components-dropdown {
display: block;
width: fit-content;
}
.media-replace-container {
padding: 10px 0;
display: flex;
gap: 10px;
align-items: center;
}
.components-toggle-group-control-option-base {
outline: transparent;
}
.components-toggle-group-control {
div[role='presentation'] {
background-color: #e04d42;
}
}
}
.components-toggle-group-control {
div[role='presentation'] {
background-color: #e04d42;
}
}
.editor-post-featured-image__action {
background-color: #e04d42;
color: white;
&:hover {
color: #e04d42;
background-color: white;
}
}
.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active,
.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active:hover {
background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
}
.components-toggle-group-control-option-base {
div {
@apply py-1;
line-height: 1.3;
}
}
.acf_custom_title {
.acf-label {
@apply pb-3;
label {
@apply !text-patrimoine-sante-securite !text-sm !font-semibold;
}
}
}
.block-editor-link-control__search-item-top {
word-break: break-all;
}
#post-custom-superior-toolbar {
@apply flex gap-4 items-center pt-2;
}
#admin_artisan_chantier_list {
@apply border border-solid border-neutral-300;
h3 {
/* @apply font-medium; */
color: #3c434a;
font-weight: 500;
font-size: 13px !important;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
}
background: rgba(0, 0, 0, 0);
box-shadow: none;
> .postbox-header {
@apply !hidden;
}
ul {
li {
@apply mb-3;
}
a {
@apply text-patrimoine-sante-securite text-base flex items-center gap-2;
text-underline-offset: 4px !important;
filter: brightness(80%);
img {
@apply w-6 h-6 object-contain filter-patrimoine-sante-securite;
}
}
}
.no-results {
@apply text-sm text-neutral-400;
}
.new-chantier {
/* @apply bg-patrimoine-sante-securite text-white py-2 px-4 rounded-xl mb-4 block w-fit mt-5; */
@apply !bg-patrimoine-sante-securite !text-white !border-none no-underline !rounded-xl !px-3 !py-1 my-8 flex items-center justify-center gap-2 w-fit;
&:before {
@apply content-['+'] !text-2xl;
}
}
}
.edit-fiche-artisan-link {
@apply text-patrimoine-sante-securite !font-semibold flex items-center gap-2;
img {
@apply w-6 h-6 object-contain filter-patrimoine-sante-securite;
}
}
#revisionsdiv,
#acf-group_673610d8e548a,
#admin_artisan_chantier_list,
#acf-group_672358433051b,
#rank_math_metabox {
.handle-order-lower,
.handle-order-higher {
@apply !hidden;
}
}
#acf-group_67581cdaf3262 {
@apply border border-neutral-200 border-solid p-4;
div[data-type='message'] {
@apply text-neutral-900 py-0 text-base;
}
}
.striped > tbody > :nth-child(odd),
ul.striped > :nth-child(odd) {
@apply bg-neutral-50;
background-color: #efeef04d;
}
#rank_math_seo_details {
@apply !hidden;
}
#the-list {
.column-rank_math_seo_details,
.rank-math-column-display.seo-score,
.rank-math-column-display.schema-type,
th.column-rank_math_seo_details,
td.column-rank_math_seo_details,
.rank-math-column-display,
.rank-math-column-display * {
@apply !hidden !w-0 !p-0 !m-0 !border-0;
width: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
display: none !important;
}
.rank_math_seo_details.column-rank_math_seo_details > *,
.date.column-date {
@apply !text-neutral-500;
}
}
/* #icl_translations,
.column-icl_translations {
width: 60px;
} */
.admin-column-metiers-container {
@apply flex flex-wrap;
}
.admin-column-taxonomy-term {
@apply bg-patrimoine-sante-securite-light text-patrimoine-sante-securite
!font-normal !text-xs rounded-md block w-fit !px-2 !py-1;
&:hover {
@apply text-purple-900;
}
}
.admin-column-metiers-container {
@apply flex flex-wrap gap-2;
}
.column-elements .no-results,
.column-metiers .no-results {
@apply text-neutral-400 pl-2;
}
#rank-math-seo-filter,
.rank-math-seo-filter,
.rank-math-seo-filter * {
@apply !hidden;
display: none !important;
}
/* .tablenav select[name='metiers'] {
@apply text-patrimoine-sante-securite bg-patrimoine-sante-securite-light;
} */
.button-primary {
@apply bg-patrimoine-sante-securite text-white;
}
.metiers-patrimoine-data-exports-page {
@apply grid sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4;
.export-card {
@apply !rounded-lg border-none
flex flex-col items-center justify-center !p-8
gap-8 text-center col-span-2 shadowed;
max-width: unset;
h2 {
@apply !m-0 text-patrimoine-sante-securite max-w-md leading-5 pb-2;
}
&__illustration {
max-width: 200px;
filter: hue-rotate(-100deg);
}
}
.cta--primary {
@apply bg-patrimoine-sante-securite text-white border-purple-800 rounded-full;
&:hover {
@apply bg-purple-900 text-white;
}
}
}
#major-publishing-actions {
@apply !bg-neutral-50;
}
.misc-pub-section.rank-math-seo-score {
@apply !hidden;
}
.acf-input-wrap input::placeholder {
@apply text-neutral-400;
}
.top-status {
@apply flex gap-16 mt-6;
.state-container {
@apply flex gap-3 justify-center items-center;
p {
@apply my-0 font-medium text-xs;
}
}
.status-state,
.post-state {
@apply block px-3 py-2 flex items-center justify-center gap-2;
&:before {
@apply content-[''] block w-2 h-2 rounded-full;
}
}
}
.status-state,
.post-state {
@apply !rounded-xl font-medium text-xs border border-solid inline-block w-fit;
&--ok,
&--publish {
@apply text-green-700 border-green-700;
}
&--ok:before,
&--publish:before {
@apply bg-green-700;
}
&--none,
&--draft,
&--offline {
@apply text-neutral-500 border-neutral-500;
}
&--none:before,
&--draft:before,
&--offline:before {
@apply bg-neutral-500;
}
&--pending,
&--to_contact {
@apply text-amber-700 border-amber-700;
}
&--pending:before,
&--to_contact:before {
@apply bg-amber-700;
}
&--deleted {
@apply text-rose-700;
}
&--deleted:before {
@apply bg-rose-700;
}
&--to_contact,
&--to_actualize {
@apply text-amber-700;
}
&--to_contact:before,
&--to_actualize:before {
@apply bg-amber-700;
}
&--waiting_feedback,
&--ongoing {
@apply text-blue-600;
}
&--waiting_feedback:before,
&--ongoing:before {
@apply bg-blue-600;
}
&--rejected {
@apply text-rose-400;
}
&--rejected:before {
@apply bg-rose-400;
}
}
/* ------------------------------------
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
------------------------------------*/
.role-author,
.role-editor,
.role-conseiller {
#toplevel_page_tm-menu-main,
.rank-math-lock-modified-date,
#dashboard_primary,
#dashboard_quick_press,
#dashboard_right_now,
#dashboard_activity,
#submitdiv,
#submitdiv .handle-order-higher,
#submitdiv .handle-order-lower,
#submitdiv #preview-action,
#rank_math_metabox,
#menu-tools,
li a[href='my-sites.php'],
.rank-math-lock-modified-date,
.misc-pub-curtime,
.misc-pub-revisions,
.misc-pub-visibility,
#icl_div,
#acf-group_672358433051b,
#revisionsdiv,
#toplevel_page_rank-math,
#acfml-field-group-synchronise,
#menu-tools,
#postimagediv,
#footer-left,
.tablenav .bulkactions,
.check-column,
.row-actions .edit,
.row-actions .view,
.row-actions .inline.hide-if-no-js,
#acfml-field-group-synchronise,
#litespeed_meta_boxes{
@apply !hidden;
}
}
.role-editor {
.post-type-artisans #post-body {
@apply !mr-12 2xl:!mr-32 !max-w-screen-2xl;
}
}
#dashboard_activity {
@apply !hidden;
}
.role-conseiller {
#menu-pages,
#menu-media,
#toplevel_page_edit-tags-taxonomy-metiers-post_type-artisans,
#toplevel_page_edit-tags-taxonomy-elementsbatiments-post_type-artisans {
@apply !hidden;
}
}
.subsubsub .mine,
.subsubsub .pillar_content {
@apply hidden;
}
#submitdiv #publish {
@apply bg-rose-600;
.postbox-header {
@apply border-none;
}
}
/* FIELD DES MEMBRES DE L'ÉQUIPE DE L'ARTISAN */
.acf-field-670d268f2b324 {
label[for='acf-field_670d268f2b324'] {
@apply !hidden;
}
div[data-layout='membre'] {
&.-collapsed {
@apply !border-none;
}
.acf-fc-layout-handle {
@apply !flex !gap-4 !text-base !items-center !bg-violet-50 !text-violet-950 !border-none !font-semibold;
}
span.acf-fc-layout-order {
@apply !bg-patrimoine-sante-securite !rounded-full mr-4 !block !text-white !border-none;
}
}
.acf-actions a[data-name='add-layout'] {
@apply !bg-patrimoine-sante-securite !text-white !border-none !rounded-xl !px-3 !py-1 my-8 flex items-center justify-center gap-2 w-fit !mx-auto;
&:before {
@apply content-['+'] !text-2xl;
}
}
}
/* FIELD DE GESTION */
#acf-group_67581cdaf3262 {
@apply border border-patrimoine-sante-securite border-solid rounded-t-xl p-0;
@apply bg-white;
/* border: 2px solid red !important; */
.acf-field-6758467534c1e {
@apply px-[10px];
label {
@apply !text-xs;
@apply font-normal !text-white bg-patrimoine-sante-securite rounded-t-xl px-4 py-2 block;
/* font-family: 13px !important; */
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
}
}
.acf-field:not(.acf-field-6758467534c1e) {
@apply px-12;
}
}
#set-offline-status,
#set-online-status {
@apply text-white border-none rounded-xl px-4 !py-1 ml-auto;
}
#save-post-custom {
@apply ml-auto w-fit p-0 mr-0;
button {
@apply cursor-pointer;
@apply rounded-xl bg-amber-600 border-none text-white !px-4 !py-3 mr-0;
}
button:disabled {
@apply cursor-not-allowed;
@apply bg-neutral-300;
}
.spinner:not(.is-active) {
@apply !hidden;
}
}
#set-offline-status {
@apply bg-neutral-600;
&:hover {
@apply bg-neutral-800;
}
.post-status-offline & {
@apply hidden;
}
}
#set-online-status {
@apply bg-green-700;
&:hover {
@apply bg-green-800;
}
.post-status-publish & {
@apply hidden;
}
}
.preview-artisan-link {
@apply !mb-12;
a {
@apply !bg-patrimoine-sante-securite !flex !items-center gap-2 w-fit !mt-4;
@apply bg-red-400 text-white !border-none !rounded-xl px-4 !py-1 ml-auto;
}
}
/* -----------------------------------------------------------
LOCK DATAS TRANSLATIONS ELEMENTS ON ARTISANS PAGES FOR NL
-----------------------------------------------------------*/
.wpml-current-language--nl {
#acf-group_67581cdaf3262,
.acf-field-670fc5666c4f3 {
@apply pointer-events-none cursor-not-allowed opacity-50;
}
}
/* -----------------------------------------------------------
Admin styles
-----------------------------------------------------------*/
/* Masquer le lien "Mes sites" dans le menu */
li a[href='my-sites.php'] {
@apply !hidden;
}
.acf-gallery-add {
@apply !bg-patrimoine-sante-securite !text-white !border-none !rounded-xl !px-4 !py-1 ml-auto;
}
/* -----------------------------------------------------------
USERS PROFILE PAGE
-----------------------------------------------------------*/
.profile-php {
.user-profile-picture,
.user-rich-editing-wrap,
.user-url-wrap,
.user-description-wrap,
.user-url-wrap + tr,
.user-twitter-wrap,
.user-twitter-wrap,
.user-facebook-wrap,
.user-comment-shortcuts-wrap,
.user-additional_profile_urls-wrap,
.user-language-wrap,
.rank-math-metabox-wrap,
table:has(.user-display-name-wrap) + h2,
table:has(.user-email-wrap) + h2,
.application-passwords {
@apply !hidden;
}
&.role-conseiller,
&.role-editor,
&.role-author {
table:has(.user-admin-color-wrap),
.show-admin-bar,
.rank-math-metabox-wrap + h2,
table:has(.user-capabilities-wrap) {
@apply hidden;
}
}
}
.wp-list-table {
th.column-rank_math_seo_details,
td.column-rank_math_seo_details {
@apply !hidden;
display: none !important;
width: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
}
}
.tablenav.top,
.tablenav.bottom {
.rank-math-seo-filter,
.rank-math-seo-filter * {
@apply !hidden;
display: none !important;
}
}