Fixing some styling issues.

6 years ago · a8fab0cd02
1 changed files with 13 additions and 1 deletions
--- a/packages/builder/src/components/design/PropertiesPanel/BindingPanel.svelte
+++ b/packages/builder/src/components/design/PropertiesPanel/BindingPanel.svelte
@ -92,7 +92,7 @@
          <li on:click={() => addToText(helper.text)}>
            <div>
              <Label extraSmall>{helper.displayText}</Label>
-              {@html helper.description}
+              <div class="helper-description">{@html helper.description}</div>
            </div>
          </li>
        {/each}
@ -183,4 +183,16 @@
    color: var(--red);
    text-decoration: underline;
  }
+
+  :global(.helper-description p) {
+    color: var(--grey-7);
+  }
+
+  :global(.helper-description p:hover) {
+    color: var(--ink);
+  }
+
+  :global(.helper-description p a) {
+    color: var(--grey-7);
+  }
 </style>