Fix styles in event editor modal

This commit is contained in:
Andrew Kingston 2020-10-08 09:48:24 +01:00
parent ee6c210e67
commit ff4f7b31e3
5 changed files with 6 additions and 13 deletions

View File

@ -86,9 +86,7 @@
{#each actions as action, index}
<div class="action-container">
<div class="action-header" on:click={selectAction(action)}>
<Body extraSmall lh>
{index + 1}. {action[EVENT_TYPE_MEMBER_NAME]}
</Body>
<Body small lh>{index + 1}. {action[EVENT_TYPE_MEMBER_NAME]}</Body>
<div class="row-expander" class:rotate={action !== selectedAction}>
<ArrowDownIcon />
</div>
@ -143,8 +141,7 @@
.actions-container {
flex: 1;
min-height: 0px;
padding-bottom: var(--spacing-s);
min-height: 0;
padding-top: 0;
border: var(--border-light);
border-width: 0 0 1px 0;
@ -154,10 +151,6 @@
.action-container {
border: var(--border-light);
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 {

View File

@ -12,6 +12,6 @@
<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 />
</Modal>

View File

@ -60,7 +60,7 @@
align-items: baseline;
}
.root :global(.relative:nth-child(2)) {
.root :global(> div:nth-child(2)) {
grid-column-start: 2;
grid-column-end: 6;
}

View File

@ -22,7 +22,7 @@
align-items: baseline;
}
.root :global(.relative) {
.root :global(> div) {
flex: 1;
margin-left: var(--spacing-l);
}

View File

@ -119,7 +119,7 @@
align-items: baseline;
}
.root :global(.relative:nth-child(2)) {
.root :global(> div:nth-child(2)) {
grid-column-start: 2;
grid-column-end: 6;
}