Improve frontend settings and design panel scrolling and panel styling

6 years ago · 0961812b56
2 changed files with 8 additions and 2 deletions
--- a/packages/builder/src/components/userInterface/ComponentPropertiesPanel.svelte
+++ b/packages/builder/src/components/userInterface/ComponentPropertiesPanel.svelte
@ -127,6 +127,9 @@
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
+    margin-left: -20px;
+    margin-right: -20px;
+    padding: 0 20px;
  }

  .instance-name {
--- a/packages/builder/src/components/userInterface/DesignView.svelte
+++ b/packages/builder/src/components/userInterface/DesignView.svelte
@ -49,7 +49,7 @@
        {/each}
      {:else}
        <div class="no-design">
-          <span>This component does not have any design properties</span>
+          This component does not have any design properties.
        </div>
      {/if}
    </div>
@ -78,9 +78,12 @@
    flex: 1;
    overflow-y: auto;
    min-height: 0;
+    margin: 0 -20px;
+    padding: 0 20px;
  }

  .no-design {
-    text-align: center;
+    font-size: var(--font-size-s);
+    color: var(--grey-6);
  }
 </style>