Fixing some styling issues.

This commit is contained in:
mike12345567 2021-02-01 13:13:50 +00:00
parent 2276944f36
commit a8fab0cd02
1 changed files with 13 additions and 1 deletions

View File

@ -92,7 +92,7 @@
<li on:click={() => addToText(helper.text)}> <li on:click={() => addToText(helper.text)}>
<div> <div>
<Label extraSmall>{helper.displayText}</Label> <Label extraSmall>{helper.displayText}</Label>
{@html helper.description} <div class="helper-description">{@html helper.description}</div>
</div> </div>
</li> </li>
{/each} {/each}
@ -183,4 +183,16 @@
color: var(--red); color: var(--red);
text-decoration: underline; 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> </style>