parcelvoy/platform
1
0
Fork 0
mirror of https://fast.feibisi.com/https://github.com/parcelvoy/platform.git synced 2025-09-04 12:56:14 +08:00
Code Issues Projects Packages Wiki Activity Actions 2

Merge pull request #84 from parcelvoy/chore/cleanup-journey-icon-styling

Browse source 
Minor cleanup to journey icon styling
This commit is contained in:
Chris Hills 2023-03-19 19:57:26 -05:00 • committed by GitHub
commit 1d392d71ea
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 22 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

27
apps/ui/src/views/journey/JourneyEditor.css
View file

@ -15,14 +15,13 @@
.journey-options {
max-width: 300px;
padding: 20px;
border-right: 1px solid var(--color-grey);
position: relative;
overflow: scroll;
}
.journey-options h4 {
padding: 10px 0;
padding: 10px 20px;
margin: 0;
border-bottom: 1px solid var(--color-grey);
}
@ -35,7 +34,7 @@
display: grid;
grid-template-areas: "handle title" "handle desc";
border-bottom: 1px solid var(--color-grey);
padding: 20px 0px;
padding: 20px;
column-gap: 15px;
cursor: grab;
}
@ -52,8 +51,17 @@
background-color: var(--color-grey);
grid-area: handle;
align-self: start;
padding: 8px;
border-radius: 3px;
border-radius: 4px;
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
}
.component-handle svg {
width: 16px;
height: 16px;
}
.component.entrance .component-handle, .journey-step.entrance .step-header-icon {
@ -61,6 +69,10 @@
color: var(--color-red-hard);
}
.component.entrance .component-handle svg, .journey-step.entrance .step-header-icon svg {
margin-left: -4px;
}
.component.delay .component-handle, .journey-step.delay .step-header-icon {
background-color: var(--color-yellow-soft);
color: var(--color-yellow-hard);
@ -167,6 +179,11 @@
.journey-step-header .step-header-icon {
padding: 5px;
border-radius: 4px;
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
}
.journey-step-header .step-header-title {