Fix styles in event editor modal
This commit is contained in:
parent
ee6c210e67
commit
ff4f7b31e3
5 changed files with 6 additions and 13 deletions
|
@ -86,9 +86,7 @@
|
||||||
{#each actions as action, index}
|
{#each actions as action, index}
|
||||||
<div class="action-container">
|
<div class="action-container">
|
||||||
<div class="action-header" on:click={selectAction(action)}>
|
<div class="action-header" on:click={selectAction(action)}>
|
||||||
<Body extraSmall lh>
|
<Body small lh>{index + 1}. {action[EVENT_TYPE_MEMBER_NAME]}</Body>
|
||||||
{index + 1}. {action[EVENT_TYPE_MEMBER_NAME]}
|
|
||||||
</Body>
|
|
||||||
<div class="row-expander" class:rotate={action !== selectedAction}>
|
<div class="row-expander" class:rotate={action !== selectedAction}>
|
||||||
<ArrowDownIcon />
|
<ArrowDownIcon />
|
||||||
</div>
|
</div>
|
||||||
|
@ -143,8 +141,7 @@
|
||||||
|
|
||||||
.actions-container {
|
.actions-container {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
min-height: 0px;
|
min-height: 0;
|
||||||
padding-bottom: var(--spacing-s);
|
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
border: var(--border-light);
|
border: var(--border-light);
|
||||||
border-width: 0 0 1px 0;
|
border-width: 0 0 1px 0;
|
||||||
|
@ -154,10 +151,6 @@
|
||||||
.action-container {
|
.action-container {
|
||||||
border: var(--border-light);
|
border: var(--border-light);
|
||||||
border-width: 1px 0 0 0;
|
border-width: 1px 0 0 0;
|
||||||
padding-left: var(--spacing-xl);
|
|
||||||
padding-right: var(--spacing-xl);
|
|
||||||
padding-top: 0;
|
|
||||||
padding-bottom: 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.selected-action-container {
|
.selected-action-container {
|
||||||
|
|
|
@ -12,6 +12,6 @@
|
||||||
|
|
||||||
<Button secondary small on:click={modal.show}>Define Actions</Button>
|
<Button secondary small on:click={modal.show}>Define Actions</Button>
|
||||||
|
|
||||||
<Modal bind:this={modal}>
|
<Modal bind:this={modal} width="600px">
|
||||||
<EventEditorModal event={value} eventType={name} on:change />
|
<EventEditorModal event={value} eventType={name} on:change />
|
||||||
</Modal>
|
</Modal>
|
||||||
|
|
|
@ -60,7 +60,7 @@
|
||||||
align-items: baseline;
|
align-items: baseline;
|
||||||
}
|
}
|
||||||
|
|
||||||
.root :global(.relative:nth-child(2)) {
|
.root :global(> div:nth-child(2)) {
|
||||||
grid-column-start: 2;
|
grid-column-start: 2;
|
||||||
grid-column-end: 6;
|
grid-column-end: 6;
|
||||||
}
|
}
|
||||||
|
|
|
@ -22,7 +22,7 @@
|
||||||
align-items: baseline;
|
align-items: baseline;
|
||||||
}
|
}
|
||||||
|
|
||||||
.root :global(.relative) {
|
.root :global(> div) {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
margin-left: var(--spacing-l);
|
margin-left: var(--spacing-l);
|
||||||
}
|
}
|
||||||
|
|
|
@ -119,7 +119,7 @@
|
||||||
align-items: baseline;
|
align-items: baseline;
|
||||||
}
|
}
|
||||||
|
|
||||||
.root :global(.relative:nth-child(2)) {
|
.root :global(> div:nth-child(2)) {
|
||||||
grid-column-start: 2;
|
grid-column-start: 2;
|
||||||
grid-column-end: 6;
|
grid-column-end: 6;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue