Fix styles in event editor modal

6 years ago · 5bf04f7030
5 changed files with 6 additions and 13 deletions
--- a/packages/builder/src/components/userInterface/EventsEditor/EventEditorModal.svelte
+++ b/packages/builder/src/components/userInterface/EventsEditor/EventEditorModal.svelte
@ -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 {
--- a/packages/builder/src/components/userInterface/EventsEditor/EventPropertyControl.svelte
+++ b/packages/builder/src/components/userInterface/EventsEditor/EventPropertyControl.svelte
@ -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>
--- a/packages/builder/src/components/userInterface/EventsEditor/actions/CreateRecord.svelte
+++ b/packages/builder/src/components/userInterface/EventsEditor/actions/CreateRecord.svelte
@ -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;
  }
--- a/packages/builder/src/components/userInterface/EventsEditor/actions/NavigateTo.svelte
+++ b/packages/builder/src/components/userInterface/EventsEditor/actions/NavigateTo.svelte
@ -22,7 +22,7 @@
    align-items: baseline;
  }

-  .root :global(.relative) {
+  .root :global(> div) {
    flex: 1;
    margin-left: var(--spacing-l);
  }
--- a/packages/builder/src/components/userInterface/EventsEditor/actions/UpdateRecord.svelte
+++ b/packages/builder/src/components/userInterface/EventsEditor/actions/UpdateRecord.svelte
@ -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;
  }