SemianiakaVY/elsa-core
1
0
Fork 0
Code Issues Pull requests Actions 1 Packages Projects Releases Wiki Activity

Tailwind: Replace light-blue with sky

Browse source
This commit is contained in:
Sipke Schoorstra 2021-06-30 12:59:55 +02:00
parent 189883ee7f
commit 043e236ffa
20 changed files with 4242 additions and 4241 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4224
src/designer/elsa-workflows-studio/src/assets/styles/tailwind.css
View file

File diff suppressed because it is too large Load diff

2
src/designer/elsa-workflows-studio/src/components/designers/tree/elsa-designer-tree/elsa-designer-tree.tsx
View file

@ -125,7 +125,7 @@ export class ElsaWorkflowDesigner {
const description = model.description;
const bodyText = description && description.length > 0 ? description : undefined;
const bodyDisplay = bodyText ? `<p>${bodyText}</p>` : undefined;
const color = (descriptor.traits &= ActivityTraits.Trigger) == ActivityTraits.Trigger ? 'rose' : 'light-blue';
const color = (descriptor.traits &= ActivityTraits.Trigger) == ActivityTraits.Trigger ? 'rose' : 'sky';
const displayName = model.displayName;
const displayContext: ActivityDesignDisplayContext = {

2
src/designer/elsa-workflows-studio/src/components/icons/activity-icon.tsx
View file

@ -1,7 +1,7 @@
import {h} from "@stencil/core";
export const ActivityIcon = props => {
const color = props.color || 'light-blue';
const color = props.color || 'sky';
return (
`<span class="${`elsa-rounded-lg elsa-inline-flex elsa-p-3 elsa-bg-${color}-50 elsa-text-${color}-700 elsa-ring-4 elsa-ring-white`}">
<svg class="elsa-h-6 elsa-w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">

2
src/designer/elsa-workflows-studio/src/components/icons/cog-icon.tsx
View file

@ -2,7 +2,7 @@
export const CogIcon = props =>
(
`<span class="elsa-rounded-lg elsa-inline-flex elsa-p-3 elsa-bg-light-blue-50 elsa-text-light-blue-700 elsa-ring-4 elsa-ring-white">
`<span class="elsa-rounded-lg elsa-inline-flex elsa-p-3 elsa-bg-sky-50 elsa-text-sky-700 elsa-ring-4 elsa-ring-white">
<svg class="elsa-h-6 elsa-w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"/>
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>

2
src/designer/elsa-workflows-studio/src/components/icons/correlate-icon.tsx
View file

@ -2,7 +2,7 @@
export const CorrelateIcon = props =>
(
`<span class="elsa-rounded-lg elsa-inline-flex elsa-p-3 elsa-bg-light-blue-50 elsa-text-light-blue-700 elsa-ring-4 elsa-ring-white">
`<span class="elsa-rounded-lg elsa-inline-flex elsa-p-3 elsa-bg-sky-50 elsa-text-sky-700 elsa-ring-4 elsa-ring-white">
<svg class="elsa-h-6 elsa-w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"/>

2
src/designer/elsa-workflows-studio/src/components/icons/erase-icon.tsx
View file

@ -2,7 +2,7 @@
export const EraseIcon = props =>
(
`<span class="${`elsa-rounded-lg elsa-inline-flex elsa-p-3 elsa-bg-light-blue-50 elsa-text-light-blue-700 elsa-ring-4 elsa-ring-white`}">
`<span class="${`elsa-rounded-lg elsa-inline-flex elsa-p-3 elsa-bg-sky-50 elsa-text-sky-700 elsa-ring-4 elsa-ring-white`}">
<svg class="elsa-h-6 elsa-w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<path d="M19 19h-11l-4 -4a1 1 0 0 1 0 -1.41l10 -10a1 1 0 0 1 1.41 0l5 5a1 1 0 0 1 0 1.41l-9 9"/>

2
src/designer/elsa-workflows-studio/src/components/icons/finish-icon.tsx
View file

@ -2,7 +2,7 @@
export const FinishIcon = props =>
(
`<span class="${`elsa-rounded-lg elsa-inline-flex elsa-p-3 elsa-bg-light-blue-50 elsa-text-light-blue-700 elsa-ring-4 elsa-ring-white`}">
`<span class="${`elsa-rounded-lg elsa-inline-flex elsa-p-3 elsa-bg-sky-50 elsa-text-sky-700 elsa-ring-4 elsa-ring-white`}">
<svg class="elsa-h-6 elsa-w-6" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"/>
<line x1="4" y1="22" x2="4" y2="15"/>

2
src/designer/elsa-workflows-studio/src/components/icons/interrupt-trigger-icon.tsx
View file

@ -2,7 +2,7 @@
export const InterruptTriggerIcon = props =>
(
`<span class="${`elsa-rounded-lg elsa-inline-flex elsa-p-3 elsa-bg-light-blue-50 elsa-text-light-blue-700 elsa-ring-4 elsa-ring-white`}">
`<span class="${`elsa-rounded-lg elsa-inline-flex elsa-p-3 elsa-bg-sky-50 elsa-text-sky-700 elsa-ring-4 elsa-ring-white`}">
<svg class="elsa-h-6 elsa-w-6" xmlns="http://www.w3.org/2000/svg" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<path d="M8 16v-4a4 4 0 0 1 8 0v4"/>

2
src/designer/elsa-workflows-studio/src/components/icons/read-line-icon.tsx
View file

@ -2,7 +2,7 @@
export const ReadLineIcon = props =>
(
`<span class="elsa-rounded-lg elsa-inline-flex elsa-p-3 elsa-bg-light-blue-50 elsa-text-light-blue-700 elsa-ring-4 elsa-ring-white">
`<span class="elsa-rounded-lg elsa-inline-flex elsa-p-3 elsa-bg-sky-50 elsa-text-sky-700 elsa-ring-4 elsa-ring-white">
<svg class="elsa-h-6 elsa-w-6" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<polyline points="5 7 10 12 5 17"/>

2
src/designer/elsa-workflows-studio/src/components/icons/redirect-icon.tsx
View file

@ -2,7 +2,7 @@
export const RedirectIcon = props =>
(
`<span class="${`elsa-rounded-lg elsa-inline-flex elsa-p-3 elsa-bg-light-blue-50 elsa-text-light-blue-700 elsa-ring-4 elsa-ring-white`}">
`<span class="${`elsa-rounded-lg elsa-inline-flex elsa-p-3 elsa-bg-sky-50 elsa-text-sky-700 elsa-ring-4 elsa-ring-white`}">
<svg class="elsa-h-6 elsa-w-6" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<circle cx="6" cy="19" r="2"/>

2
src/designer/elsa-workflows-studio/src/components/icons/run-workflow-icon.tsx
View file

@ -2,7 +2,7 @@
export const RunWorkflowIcon = props =>
(
`<span class="${`elsa-rounded-lg elsa-inline-flex elsa-p-3 elsa-bg-light-blue-50 elsa-text-light-blue-700 elsa-ring-4 elsa-ring-white`}">
`<span class="${`elsa-rounded-lg elsa-inline-flex elsa-p-3 elsa-bg-sky-50 elsa-text-sky-700 elsa-ring-4 elsa-ring-white`}">
<svg class="elsa-h-6 elsa-w-6" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<rect x="3" y="3" width="6" height="6" rx="1"/>

2
src/designer/elsa-workflows-studio/src/components/icons/script-icon.tsx
View file

@ -2,7 +2,7 @@
export const ScriptIcon = props =>
(
`<span class="${`elsa-rounded-lg elsa-inline-flex elsa-p-3 elsa-bg-light-blue-50 elsa-text-light-blue-700 elsa-ring-4 elsa-ring-white`}">
`<span class="${`elsa-rounded-lg elsa-inline-flex elsa-p-3 elsa-bg-sky-50 elsa-text-sky-700 elsa-ring-4 elsa-ring-white`}">
<svg class="elsa-h-6 elsa-w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z"/>
<path d="M15 21h-9a3 3 0 0 1 -3 -3v-1h10v2a2 2 0 0 0 4 0v-14a2 2 0 1 1 2 2h-2m2 -4h-11a3 3 0 0 0 -3 3v11"/>

2
src/designer/elsa-workflows-studio/src/components/icons/send-email-icon.tsx
View file

@ -2,7 +2,7 @@
export const SendEmailIcon = props =>
(
`<span class="elsa-rounded-lg elsa-inline-flex elsa-p-3 elsa-bg-light-blue-50 elsa-text-light-blue-700 elsa-ring-4 elsa-ring-white">
`<span class="elsa-rounded-lg elsa-inline-flex elsa-p-3 elsa-bg-sky-50 elsa-text-sky-700 elsa-ring-4 elsa-ring-white">
<svg class="elsa-h-6 elsa-w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width={2} d="M16 12a4 4 0 10-8 0 4 4 0 008 0zm0 0v1.5a2.5 2.5 0 005 0V12a9 9 0 10-9 9m4.5-1.206a8.959 8.959 0 01-4.5 1.207" />
</svg>

2
src/designer/elsa-workflows-studio/src/components/icons/send-http-request-icon.tsx
View file

@ -2,7 +2,7 @@
export const SendHttpRequestIcon = props =>
(
`<span class="${`elsa-rounded-lg elsa-inline-flex elsa-p-3 elsa-bg-light-blue-50 elsa-text-light-blue-700 elsa-ring-4 elsa-ring-white`}">
`<span class="${`elsa-rounded-lg elsa-inline-flex elsa-p-3 elsa-bg-sky-50 elsa-text-sky-700 elsa-ring-4 elsa-ring-white`}">
<svg class="elsa-h-6 elsa-w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width={2} d="M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z"/>
</svg>

2
src/designer/elsa-workflows-studio/src/components/icons/send-signal-icon.tsx
View file

@ -2,7 +2,7 @@
export const SendSignalIcon = props =>
(
`<span class="${`elsa-rounded-lg elsa-inline-flex elsa-p-3 elsa-bg-light-blue-50 elsa-text-light-blue-700 elsa-ring-4 elsa-ring-white`}">
`<span class="${`elsa-rounded-lg elsa-inline-flex elsa-p-3 elsa-bg-sky-50 elsa-text-sky-700 elsa-ring-4 elsa-ring-white`}">
<svg class="elsa-h-6 elsa-w-6" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<circle cx="12" cy="12" r="2"/>
<path d="M16.24 7.76a6 6 0 0 1 0 8.49m-8.48-.01a6 6 0 0 1 0-8.49m11.31-2.82a10 10 0 0 1 0 14.14m-14.14 0a10 10 0 0 1 0-14.14"/>

2
src/designer/elsa-workflows-studio/src/components/icons/write-http-response.tsx
View file

@ -2,7 +2,7 @@
export const WriteHttpResponseIcon = props =>
(
`<span class="${`elsa-rounded-lg elsa-inline-flex elsa-p-3 elsa-bg-light-blue-50 elsa-text-light-blue-700 elsa-ring-4 elsa-ring-white`}">
`<span class="${`elsa-rounded-lg elsa-inline-flex elsa-p-3 elsa-bg-sky-50 elsa-text-sky-700 elsa-ring-4 elsa-ring-white`}">
<svg class="elsa-h-6 elsa-w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"/>
</svg>

2
src/designer/elsa-workflows-studio/src/components/icons/write-line-icon.tsx
View file

@ -2,7 +2,7 @@
export const WriteLineIcon = props =>
(
`<span class="elsa-rounded-lg elsa-inline-flex elsa-p-3 elsa-bg-light-blue-50 elsa-text-light-blue-700 elsa-ring-4 elsa-ring-white">
`<span class="elsa-rounded-lg elsa-inline-flex elsa-p-3 elsa-bg-sky-50 elsa-text-sky-700 elsa-ring-4 elsa-ring-white">
<svg class="elsa-h-6 elsa-w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width={2} d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"/>
</svg>

2
src/designer/elsa-workflows-studio/src/components/screens/workflow-definition-editor/elsa-activity-picker-modal/elsa-activity-picker-modal.tsx
View file

@ -54,7 +54,7 @@ export class ElsaActivityPickerModal {
}
this.filteredActivityDescriptorDisplayContexts = filteredActivityDescriptors.map(x => {
const color = (x.traits &= ActivityTraits.Trigger) == ActivityTraits.Trigger ? 'rose' : (x.traits &= ActivityTraits.Job) == ActivityTraits.Job ? 'yellow' : 'light-blue';
const color = (x.traits &= ActivityTraits.Trigger) == ActivityTraits.Trigger ? 'rose' : (x.traits &= ActivityTraits.Job) == ActivityTraits.Job ? 'yellow' : 'sky';
return {
activityDescriptor: x,
activityIcon: <ActivityIcon color={color}/>

4224
src/designer/elsa-workflows-studio/src/globals/tailwind.css
View file

File diff suppressed because it is too large Load diff

1
src/designer/elsa-workflows-studio/src/index.html
View file

@ -15,6 +15,7 @@
<body>
<elsa-studio-root server-url="https://localhost:11000" monaco-lib-path="build/assets/js/monaco-editor/min"></elsa-studio-root>
<!--<elsa-studio-root server-url="https://localhost:5001" monaco-lib-path="build/assets/js/monaco-editor/min"></elsa-studio-root>-->
<!--<elsa-studio-root server-url="https://localhost:6080" monaco-lib-path="build/assets/js/monaco-editor/min"></elsa-studio-root>-->
<!--<elsa-studio-root server-url="https://skynet-workflow.azurewebsites.net" monaco-lib-path="build/assets/js/monaco-editor/min"></elsa-studio-root>-->