CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-07-16 11:45:47 +12:00
Code Issues Projects Releases Wiki Activity

Fix styles in event editor modal

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

11
packages/builder/src/components/userInterface/EventsEditor/EventEditorModal.svelte
View file

@ -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 {

2
packages/builder/src/components/userInterface/EventsEditor/EventPropertyControl.svelte
View file

@ -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>

2
packages/builder/src/components/userInterface/EventsEditor/actions/CreateRecord.svelte
View file

@ -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;
} }

2
packages/builder/src/components/userInterface/EventsEditor/actions/NavigateTo.svelte
View file

@ -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);
} }

2
packages/builder/src/components/userInterface/EventsEditor/actions/UpdateRecord.svelte
View file

@ -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;
} }