studio-variable/designtopack
3
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

fix kanban icons

Browse source
This commit is contained in:
isUnknown 2024-11-18 15:57:32 +01:00
parent 23bfd67b21
commit 9ade34e6ea
4 changed files with 44 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

2
public/content/projects/1_miss-dior-blooming-bouquet/3_extended-brief/extended-brief.txt
View file

@ -2,7 +2,7 @@ Title: Brief enrichi
----
Stepname: extended-brief
Stepname: extendedBrief
----

2
public/site/config/hooks/create-steps.php
View file

@ -29,7 +29,7 @@ return function($page) {
'template' => 'extended-brief',
'content' => [
'title' => 'Brief enrichi',
'stepName' => 'extended-brief',
'stepName' => 'extendedBrief',
'stepIndex' => 3
]
])->changeStatus('listed');

82
src/assets/css/src/3.utilities.icons.css
View file

@ -23,7 +23,7 @@
--icon-echantillon-virtuel: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 18V8.12502M10 8.12502L2.01294 5M10 8.12502L17.9879 5M17.9875 5C17.9209 5 17.8298 4.8402 17.725 4.8L10.225 1.96249C10.154 1.93151 10 1.91553 10 1.91553C9.92257 1.91553 9.84597 1.93151 9.775 1.96249L2.275 4.84999C2.17591 4.87623 2.08542 4.92794 2 5C1.92519 5.10562 1.87666 5.23795 1.875 5.37499V14.525C1.87662 14.6498 1.91559 14.7713 2 14.8738C2.05817 14.9763 2.15852 15 2.275 15.1L9.775 18H10.225L17.725 15C17.8415 15 18 15 18 15C18.0844 14.7713 18.1234 14.6498 18.125 14.525V5.425C18.1356 5.2709 18 5.11868 18 5Z' stroke='currentColor' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
--icon-upload: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.714 15v1.429a2.857 2.857 0 0 0 2.857 2.857H16.43a2.857 2.857 0 0 0 2.857-2.857V15M5.714 5.714l4.286-5m0 0 4.286 5M10 .714v12.857' stroke='currentColor' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E ");
--icon-description: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.714294 1.42856H19.2857M0.714294 5.71427H15M0.714294 10H10.7143M0.714294 18.5714H19.2857M0.714294 14.2857H15' stroke='currentColor' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
--icon-delete: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4286 7.85713L15 19.2857H5L3.57145 7.85713M1.42859 5H18.5714M6.37145 4.5857V2.11427C6.37145 1.73539 6.52196 1.37203 6.78986 1.10412C7.05777 0.836209 7.42114 0.685699 7.8 0.685699H12.0857C12.4646 0.685699 12.828 0.836209 13.0959 1.10412C13.3638 1.37203 13.5143 1.73539 13.5143 2.11427V4.97141' stroke='currentColor' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");;
--icon-delete: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4286 7.85713L15 19.2857H5L3.57145 7.85713M1.42859 5H18.5714M6.37145 4.5857V2.11427C6.37145 1.73539 6.52196 1.37203 6.78986 1.10412C7.05777 0.836209 7.42114 0.685699 7.8 0.685699H12.0857C12.4646 0.685699 12.828 0.836209 13.0959 1.10412C13.3638 1.37203 13.5143 1.73539 13.5143 2.11427V4.97141' stroke='currentColor' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
--icon-edit: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.714233 19.2858H16.4285M9.28571 14.2858L5 15.0573L5.71428 10.7144L15.3286 1.12868C15.4614 1 15.6194 0.888509 15.7935 0.815983C15.9675 0.743456 16.1543 0.706116 16.3428 0.706116C16.5314 0.706116 16.7182 0.743456 16.8922 0.815983C17.0663 0.888509 17.2243 1 17.3571 1.12868L18.8714 2.64297C19.0053 2.77577 19.1116 2.93378 19.1841 3.10786C19.2567 3.28195 19.294 3.46867 19.294 3.65726C19.294 3.84584 19.2567 4.03257 19.1841 4.20665C19.1116 4.38074 19.0053 4.53874 18.8714 4.67154L9.28571 14.2858Z' stroke='currentColor' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
--icon-arrow-left: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.125 10H1.875M1.875 10L6.25 5.625M1.875 10L6.25 14.375' stroke='currentColor' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
--icon-document: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.7143 0.714294H3.57145C3.19257 0.714294 2.82921 0.864804 2.5613 1.13271C2.29339 1.40062 2.14288 1.76399 2.14288 2.14287V17.8572C2.14288 18.236 2.29339 18.5994 2.5613 18.8673C2.82921 19.1352 3.19257 19.2857 3.57145 19.2857H16.4286C16.8075 19.2857 17.1708 19.1352 17.4387 18.8673C17.7067 18.5994 17.8572 18.236 17.8572 17.8572V7.85715M10.7143 0.714294L17.8572 7.85715M10.7143 0.714294V7.85715H17.8572' stroke='currentColor' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
@ -46,71 +46,71 @@
mask-image: var(--icon, var(--icon-circle));
}
[data-icon="home"] {
--icon: var(--icon-home)
[data-icon="home"] {
--icon: var(--icon-home);
}
[data-icon="calendar"],
[data-icon="event"] {
--icon: var(--icon-calendar)
[data-icon="event"] {
--icon: var(--icon-calendar);
}
[data-icon="megaphone"] {
--icon: var(--icon-megaphone)
[data-icon="megaphone"] {
--icon: var(--icon-megaphone);
}
[data-icon="inspiration"] {
--icon: var(--icon-inspiration)
[data-icon="inspiration"] {
--icon: var(--icon-inspiration);
}
[data-icon="user"] {
--icon: var(--icon-user)
[data-icon="user"] {
--icon: var(--icon-user);
}
[data-icon="logout"] {
--icon: var(--icon-logout)
[data-icon="logout"] {
--icon: var(--icon-logout);
}
[data-icon="favorite"] {
--icon: var(--icon-favorite)
[data-icon="favorite"] {
--icon: var(--icon-favorite);
}
[data-icon="chevron-single-down"] {
--icon: var(--icon-chevron-single-down)
[data-icon="chevron-single-down"] {
--icon: var(--icon-chevron-single-down);
}
[data-icon="chevron-single-left"] {
--icon: var(--icon-chevron-single-left)
[data-icon="chevron-single-left"] {
--icon: var(--icon-chevron-single-left);
}
[data-icon="votre-brief"],
[data-icon="clientBrief"] {
--icon: var(--icon-votre-brief)
[data-icon="clientBrief"] {
--icon: var(--icon-votre-brief);
}
[data-icon="offre-commerciale"],
[data-icon="proposal"] {
--icon: var(--icon-offre-commerciale)
[data-icon="proposal"] {
--icon: var(--icon-offre-commerciale);
}
[data-icon="brief-enrichi"],
[data-icon="extendedBrief"],
[data-icon="industrialIdeation"] {
--icon: var(--icon-brief-enrichi)
[data-icon="industrialIdeation"] {
--icon: var(--icon-brief-enrichi);
}
[data-icon="echantillon-virtuel"],
[data-icon="virtualSample"],
[data-icon="physicalSample"] {
--icon: var(--icon-echantillon-virtuel)
[data-icon="physicalSample"] {
--icon: var(--icon-echantillon-virtuel);
}
[data-icon="upload"] {
--icon: var(--icon-upload)
[data-icon="upload"] {
--icon: var(--icon-upload);
}
[data-icon="description"] {
--icon: var(--icon-description)
[data-icon="description"] {
--icon: var(--icon-description);
}
[data-icon="delete"] {
--icon: var(--icon-delete)
[data-icon="delete"] {
--icon: var(--icon-delete);
}
[data-icon="edit"] {
--icon: var(--icon-edit)
[data-icon="edit"] {
--icon: var(--icon-edit);
}
[data-icon="arrow-left"] {
--icon: var(--icon-arrow-left)
[data-icon="arrow-left"] {
--icon: var(--icon-arrow-left);
}
[data-icon="document"],
[data-icon="content"] {
--icon: var(--icon-document)
[data-icon="content"] {
--icon: var(--icon-document);
}
[data-icon="comment"] {
--icon: var(--icon-comment)
[data-icon="comment"] {
--icon: var(--icon-comment);
}

2
src/components/project/ProjectStep.vue
View file

@ -3,7 +3,7 @@
<router-link :to="'/' + step.uri">
<h2 :id="step.id">
<!-- ADRIEN / TIMOTHÉE : DYNAMISER L'ICONE -->
<span data-icon="votre-brief">{{ step.label }}</span>
<span :data-icon="step.id">{{ step.label }}</span>
</h2>
<div class="cards | flow">
<article v-if="step.id !== 'proposal'" class="card">